.si-root{position:fixed;inset:0;overflow:hidden;display:grid;place-items:center;padding:24px;font-family:var(--font-sans,system-ui,sans-serif);color:#e2e8f0;background:radial-gradient(1100px 560px at 50% -12%,#16243c 0,rgba(22,36,60,0) 62%),linear-gradient(180deg,#0b1220,#090e18)}.si-aurora{left:50%;top:8%;width:720px;height:720px;max-width:150vw;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(56,189,248,.16),transparent 70%),radial-gradient(closest-side,rgba(45,212,191,.1),transparent 70%);background-position:30% 30%,75% 60%;background-repeat:no-repeat;filter:blur(28px);animation:si-drift 16s ease-in-out infinite alternate}.si-aurora,.si-grid{position:absolute;pointer-events:none}.si-grid{inset:-1px;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 0);background-size:44px 44px;mask-image:radial-gradient(720px 520px at 50% 32%,#000 0,transparent 78%);-webkit-mask-image:radial-gradient(720px 520px at 50% 32%,#000 0,transparent 78%)}.si-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:26px;width:100%}.si-footer{position:absolute;left:0;right:0;bottom:22px;z-index:1;text-align:center;font-size:12px;color:#475569;letter-spacing:.01em}.si-brand{display:flex;align-items:center;gap:12px}.si-logo{height:52px;width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.si-word{font-size:18px;font-weight:600;letter-spacing:-.01em;color:#f1f5f9}.si-card{width:min(92vw,384px);padding:34px 32px 30px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(30,41,59,.5),rgba(15,23,42,.55));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 34px 68px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.si-form{display:flex;flex-direction:column;gap:14px;animation:si-rise .35s cubic-bezier(.22,1,.36,1)}.si-title{margin:0;font-size:23px;font-weight:600;letter-spacing:-.02em;color:#f8fafc}.si-sub{margin:-8px 0 2px;font-size:13.5px;color:#94a3b8}.si-mono{font-family:var(--font-mono,ui-monospace,monospace);color:#cbd5e1}.si-label{margin-bottom:-6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.si-input{height:48px;padding:0 14px;border-radius:11px;border:1px solid #1e2b40;background:#0b1220;color:#f1f5f9;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.si-input::placeholder{color:#475569}.si-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.si-otp{display:flex;gap:8px;margin:2px 0}.si-cell{flex:1 1 0;min-width:0;height:56px;padding:0;text-align:center;border-radius:11px;border:1px solid #1e2b40;background:#0b1220;color:#f8fafc;font-family:var(--font-mono,ui-monospace,monospace);font-size:22px;font-weight:600;caret-color:#38bdf8;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.si-cell:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.si-cell:disabled{opacity:.6}.si-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;margin-top:4px;border:none;border-radius:11px;background:#38bdf8;color:#0b1220;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease,opacity .15s ease}.si-btn:hover:not(:disabled){background:#7dd3fc}.si-btn:active:not(:disabled){transform:translateY(1px)}.si-btn:disabled{opacity:.45;cursor:not-allowed}.si-error{color:#f87171}.si-error,.si-note{margin:0;font-size:13px}.si-note{color:#34d399}.si-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.si-link{border:none;background:none;padding:0;font-family:inherit;font-size:13px;color:#38bdf8;cursor:pointer}.si-link:hover:not(:disabled){color:#7dd3fc;text-decoration:underline}.si-link:disabled{opacity:.5;cursor:default}.si-dot{color:#475569;font-size:13px}.si-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(11,18,32,.3);border-top-color:#0b1220;animation:si-rotate .6s linear infinite}@keyframes si-rotate{to{transform:rotate(1turn)}}@keyframes si-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes si-drift{0%{transform:translateX(-50%) translateY(-8px)}to{transform:translateX(-50%) translateY(14px)}}@media (prefers-reduced-motion:reduce){.si-aurora,.si-form{animation:none}}