:root{--sp-bg:#070908;--sp-panel:#101410;--sp-border:#ffffff1a;--sp-text:#f4f7f1;--sp-muted:#9ba69a;--sp-lime:#c7ff4a;--sp-danger:#ff8a8a}*{box-sizing:border-box}body{margin:0}.sp-auth-page{min-height:100dvh;color:var(--sp-text);background:radial-gradient(circle at 50% -10%,#c7ff4a1c,#0000 33%),linear-gradient(#070908,#0a0d0a);place-items:center;padding:28px 18px;font-family:Arial,Helvetica,sans-serif;display:grid}.sp-auth-shell{width:min(100%,480px)}.sp-auth-logo{width:235px;height:auto;margin:0 auto 28px;display:block}.sp-auth-card{border:1px solid var(--sp-border);background:#101410f5;border-radius:20px;padding:30px;box-shadow:0 28px 80px #00000073}.sp-auth-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--sp-lime);margin:0 0 9px;font-size:11px;font-weight:800}.sp-auth-card h1{letter-spacing:-.03em;margin:0 0 10px;font-size:27px;line-height:1.1}.sp-auth-sub{color:var(--sp-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.sp-auth-form{gap:16px;display:grid}.sp-field{gap:7px;display:grid}.sp-field label{color:#c9d0c7;font-size:12px;font-weight:700}.sp-field input{color:#fff;background:#090c09;border:1px solid #ffffff21;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px}.sp-field input:focus{border-color:#c7ff4ab3;box-shadow:0 0 0 3px #c7ff4a14}.sp-auth-btn{background:var(--sp-lime);color:#0a0c09;cursor:pointer;border:0;border-radius:11px;height:48px;padding:0 18px;font-size:14px;font-weight:900}.sp-auth-btn:disabled{opacity:.55;cursor:wait}.sp-auth-error{color:#ffc2c2;background:#ff8a8a14;border:1px solid #ff8a8a3d;border-radius:10px;margin:0;padding:11px 12px;font-size:13px;line-height:1.45}.sp-auth-success{color:#e5ffae;background:#c7ff4a12;border:1px solid #c7ff4a3d;border-radius:10px;margin:0;padding:11px 12px;font-size:13px;line-height:1.45}.sp-auth-foot{text-align:center;color:#687267;margin:18px 0 0;font-size:11px;line-height:1.5}.sp-auth-code input{text-align:center;letter-spacing:.35em;padding-left:calc(14px + .35em);font-size:23px;font-weight:800}.sp-qr-wrap{background:#fff;border-radius:14px;place-items:center;width:284px;max-width:100%;margin:4px auto 2px;padding:12px;display:grid}.sp-qr-wrap img{width:260px;max-width:100%;height:auto;display:block}.sp-manual-key{word-break:break-all;border:1px solid var(--sp-border);color:#dce7d8;background:#090c09;border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.sp-auth-steps{gap:8px;margin:0 0 22px;display:flex}.sp-auth-steps span{background:#232923;border-radius:99px;flex:1;height:4px}.sp-auth-steps span.active{background:var(--sp-lime)}.sp-auth-meta{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.sp-auth-meta span{border:1px solid var(--sp-border);color:#b6c0b3;background:#0a0d0a;border-radius:99px;padding:6px 8px;font-size:11px}@media (max-width:520px){.sp-auth-page{padding:18px 14px}.sp-auth-card{border-radius:16px;padding:24px 20px}.sp-auth-logo{width:205px;margin-bottom:22px}.sp-auth-card h1{font-size:24px}}:is(body:has(.sp-auth-page)>.system-rail,body:has(.sp-auth-page)>.site-header,body:has(.sp-auth-page)>.footer,body:has(.sp-auth-page)>.sp-cursor-dot,body:has(.sp-auth-page)>.sp-cursor-halo,body:has(.sp-auth-page)>.sp-scroll-rail){display:none!important}body:has(.sp-auth-page)>main{min-height:100dvh}.sp-auth-link-row{justify-content:flex-end;margin-top:-8px;display:flex}.sp-auth-link{appearance:none;color:var(--sp-lime);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;font-weight:800;text-decoration:underline}.sp-auth-link:hover{color:#ddff8d}.sp-auth-link:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #c7ff4abf}.sp-auth-link-centered{justify-self:center;margin-top:-2px}.sp-auth-btn-secondary{color:#e9f0e5;background:#171d17;border:1px solid #ffffff21}.sp-auth-btn-secondary:hover{border-color:#c7ff4a66}