:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#f9f6ee;background:radial-gradient(circle at top right,rgba(0,214,143,.18),transparent 30%),radial-gradient(circle at left center,rgba(255,124,67,.15),transparent 26%),linear-gradient(160deg,#0f1720,#121a23 50%,#0b1017)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px 18px 40px}.hero-card,.form-card{width:min(100%,540px);margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0a1018c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000059}.hero-card{padding:28px 22px;margin-bottom:16px}.eyebrow{margin:0 0 8px;color:#6ce0b3;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.hero-card h1{margin:0 0 10px;font-size:28px}.subtitle{margin:0;color:#f9f6eec2;line-height:1.6}.form-card{padding:22px}.field{display:block;margin-bottom:18px}.field span{display:block;margin-bottom:8px;font-size:14px}.field input{width:100%;padding:14px 16px;color:#f9f6ee;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;outline:none}.field input:focus{border-color:#6ce0b3bf;box-shadow:0 0 0 3px #6ce0b31f}.error-tip{display:inline-block;margin-top:8px;color:#ff6b6b;font-style:normal;font-size:13px}.hint-tip{display:inline-block;margin-top:8px;color:#6ce0b3;font-style:normal;font-size:13px}.primary-button{width:100%;border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(135deg,#00d68f,#14c0ff);color:#071017;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.primary-button:disabled{cursor:not-allowed;opacity:.4}.primary-button:not(:disabled):active{transform:translateY(1px)}.status-card{margin-top:16px;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.1)}.status-card p,.status-card small,.status-card strong{display:block}.status-card p{margin:6px 0 0;line-height:1.6;word-break:break-all}.status-card small{margin-top:8px;color:#f9f6eeb3}.result-input{width:100%;margin-top:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0d;color:#f9f6ee}.status-card.loading{display:flex;align-items:center;gap:14px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#6ce0b3;animation:spin .9s linear infinite}.status-card.success{background:#00d68f14}.status-card.failed{background:#ff6b6b14}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}