.login-scene{--ink:#0a0f1f;--blue:#2e5bff;--blue-d:#1e47e6;--muted:#64698a;--faint:#9da3be;--line:#e7eaf4;--ring:#2e5bff26;--danger:#e5484d;--display:var(--font-space-grotesk), "Space Grotesk", system-ui, sans-serif;--body:var(--font-hanken), "Hanken Grotesk", system-ui, sans-serif;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}.login-scene *{box-sizing:border-box;margin:0;padding:0}.login-scene button,.login-scene input{color:inherit;font-family:inherit}.login-scene a{color:inherit;text-decoration:none}.login-scene ::selection{background:#2e5bff29}.login-scene .bg{z-index:0;background:linear-gradient(#fbfcfe 0%,#f3f6fc 100%);position:fixed;inset:0;overflow:hidden}.login-scene .aurora{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.login-scene .a1{background:radial-gradient(circle,#2e5bff29 0%,#4dd6ff1a 45%,#0000 70%);width:640px;height:640px;margin-left:-420px;animation:22s ease-in-out infinite tk-aur1;top:-280px;left:50%}.login-scene .a2{background:radial-gradient(circle,#6e8bff1f 0%,#0000 68%);width:520px;height:520px;animation:26s ease-in-out infinite tk-aur2;bottom:-300px;right:-140px}@keyframes tk-aur1{0%,to{transform:translate(0)}50%{transform:translate(70px,30px)}}@keyframes tk-aur2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-40px)}}.login-scene .dots{opacity:.5;background-image:radial-gradient(circle,#0a0f1f1a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(52% 46% at 50% 34%,#000 0%,#0000 100%);mask-image:radial-gradient(52% 46% at 50% 34%,#000 0%,#0000 100%)}.login-scene .page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px 40px;display:flex;position:relative}.login-scene .card{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:26px;width:100%;max-width:400px;padding:38px 34px 34px;animation:.55s cubic-bezier(.22,1,.36,1) both tk-in;box-shadow:0 1px 2px #0a0f1f0d,0 20px 50px -18px #0a0f1f29,0 44px 90px -40px #2e5bff2e,inset 0 1px #ffffffe6}@keyframes tk-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.login-scene .brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:26px;display:flex}.login-scene .mark{background:linear-gradient(135deg,#1652cc,#2e6bff 55%,#4d8dff);border-radius:18px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 0 6px #2e5bff12,0 14px 30px -10px #1652cc8c,inset 0 1px #ffffff59}.login-scene .mark svg{width:27px;height:27px}.login-scene .brand h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:18px;font-size:1.45rem;font-weight:600}.login-scene .brand p{color:var(--muted);margin-top:6px;font-size:14px}.login-scene .auth-err,.login-scene .auth-msg{border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.login-scene .auth-err{color:var(--danger);background:#e5484d12;border:1px solid #e5484d33}.login-scene .auth-msg{color:#0a8f63;background:#0fb98112;border:1px solid #0fb98133}.login-scene .sso{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-scene .sso form{display:contents}.login-scene .sso-btn{cursor:pointer;width:100%;height:48px;font-family:var(--display);color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-size:14.5px;font-weight:500;transition:all .16s;display:flex;box-shadow:0 1px 2px #0a0f1f0a}.login-scene .sso-btn:hover{border-color:#c9d0e4;transform:translateY(-1px);box-shadow:0 6px 16px -6px #0a0f1f24}.login-scene .sso-btn:active{transform:none}.login-scene .sso-btn svg{flex:none;width:18px;height:18px}.login-scene .sso-btn .apple-ic{color:#0b0d12;margin-top:-2px}.login-scene .sep{align-items:center;gap:12px;margin:22px 0 18px;display:flex}.login-scene .sep:before,.login-scene .sep:after{content:"";background:var(--line);flex:1;height:1px}.login-scene .sep span{font-family:var(--display);letter-spacing:.02em;color:var(--faint);white-space:nowrap;font-size:11.5px;font-weight:500}.login-scene .auth-form{flex-direction:column;gap:12px;display:flex}.login-scene .iw{background:#f3f5fa;border:1.5px solid #0000;border-radius:14px;align-items:center;height:50px;transition:all .18s;display:flex;position:relative}.login-scene .iw:hover{background:#eef1f8}.login-scene .iw:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--ring), 0 8px 20px -10px #2e5bff40;background:#fff}.login-scene .iw .ic{width:46px;height:100%;color:var(--faint);flex:none;place-items:center;transition:color .18s;display:grid}.login-scene .iw:focus-within .ic{color:var(--blue)}.login-scene .iw .ic svg{width:18px;height:18px}.login-scene .iw input{background:0 0;border:none;outline:none;flex:1;height:100%;padding-right:6px;font-size:15px}.login-scene .iw input::placeholder{color:var(--faint)}.login-scene .iw .eye{cursor:pointer;width:46px;height:100%;color:var(--faint);background:0 0;border:none;border-radius:0 14px 14px 0;place-items:center;display:grid}.login-scene .iw .eye:hover{color:var(--ink)}.login-scene .iw .eye svg{width:18px;height:18px}.login-scene .submit{color:#fff;height:50px;font-family:var(--display);cursor:pointer;letter-spacing:-.005em;background:linear-gradient(135deg,#1e47e6,#2e5bff);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:6px;font-size:15px;font-weight:600;transition:all .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px -10px #2e5bff8c,inset 0 1px #ffffff38}.login-scene .submit:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.login-scene .submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px -10px #2e5bff9e}.login-scene .submit:hover:after{transform:translate(120%)}.login-scene .submit:active{transform:none}.login-scene .submit .arr{place-items:center;transition:transform .25s;display:grid}.login-scene .submit:hover .arr{transform:translate(3px)}.login-scene .submit:disabled{pointer-events:none;filter:brightness(.96)}.login-scene .submit.ld .lbl,.login-scene .submit.ld .arr{opacity:0}.login-scene .submit .spin{opacity:0;border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite tk-sp;position:absolute}.login-scene .submit.ld .spin{opacity:1}@keyframes tk-sp{to{transform:rotate(360deg)}}.login-scene .legal{color:var(--faint);align-items:center;gap:18px;margin-top:26px;font-size:12px;display:flex}.login-scene .legal a{color:var(--muted)}.login-scene .legal a:hover{color:var(--ink)}@media (max-width:440px){.login-scene .page{padding:32px 16px 28px}.login-scene .card{border-radius:22px;padding:32px 22px 28px}.login-scene .brand h1{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.login-scene .aurora,.login-scene .card{animation:none}}