:root{color-scheme:dark;--bg:#050814;--card:#0a1020e8;--line:#1e3153;--text:#eef6ff;--muted:#8ea6c9;--cyan:#19d4ff;--blue:#4f7cff;--vio:#956cff;--danger:#ff6b86}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at 18% 15%,#102a55 0,transparent 32%),radial-gradient(circle at 85% 80%,#261551 0,transparent 34%),linear-gradient(145deg,#030611,#07101e 55%,#050713);color:var(--text)}body{min-height:100vh;overflow:auto}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px;position:relative;isolation:isolate}.login-shell:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,#000,transparent 72%);z-index:-3}.aurora{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.28;z-index:-2}.a1{background:#00cfff;top:-100px;left:-80px}.a2{background:#7d4cff;right:-100px;bottom:-120px}.login-card{width:min(100%,470px);padding:30px;border:1px solid #2a3c62;border-radius:28px;background:linear-gradient(145deg,#0b1326eb,#090d1bde);box-shadow:0 34px 100px #000b,0 0 0 1px #6ae8ff08 inset,0 0 55px #1d6fb718;backdrop-filter:blur(20px)}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brand-orb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:29px;font-weight:900;background:linear-gradient(145deg,#17d6ff,#4775ff 55%,#9d69ff);box-shadow:0 0 28px #19d4ff55}.brand-row h1{margin:0;font-size:23px}.brand-row small{color:var(--muted)}.status-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:22px;border:1px solid #233758;border-radius:14px;background:#08101f}.status-strip span{font-size:12px;color:#a8bbd7}.status-strip i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42e5a5;box-shadow:0 0 12px #42e5a5;margin-inline-end:6px}.status-strip button{border:0;background:transparent;color:#bcd2ef;cursor:pointer}.pane{display:grid;gap:14px}.hidden{display:none!important}.title h2{margin:0 0 6px;font-size:26px}.title p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}label{display:grid;gap:7px}label span{font-size:12px;color:#aac0df}input{width:100%;height:48px;border-radius:13px;border:1px solid #263b60;background:#060b16;color:var(--text);padding:0 14px;outline:0;transition:.2s}input:focus{border-color:#27cffa;box-shadow:0 0 0 3px #19d4ff18}.password-wrap{position:relative}.password-wrap input{padding-inline-end:48px}.eye{position:absolute;inset-inline-end:8px;top:7px;width:34px;height:34px;border:0;border-radius:9px;background:#101c31;color:#95b3d8;cursor:pointer}.primary,.passkey{width:100%;min-height:50px;border-radius:14px;border:0;cursor:pointer;color:white}.primary{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px;background:linear-gradient(100deg,#0abbe8,#426eff 58%,#815bea);box-shadow:0 12px 28px #1b69d531;font-size:14px}.primary:hover{filter:brightness(1.08)}.primary:disabled,.passkey:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;color:#607694;font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:#243552;flex:1}.passkey{display:flex;align-items:center;text-align:start;gap:12px;padding:11px 14px;border:1px solid #2a4269;background:linear-gradient(145deg,#0c1729,#0a1120)}.passkey .finger{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#26d4ff;background:#11223d;box-shadow:inset 0 0 18px #24d2ff1a}.passkey div{display:grid;gap:2px}.passkey b{font-size:13px}.passkey small{font-size:11px;color:#8299b8}.hint{margin:0;color:#758baa;font-size:11px;line-height:1.7}.error{margin-top:14px;border:1px solid #6e2e48;background:#2a0d1a;color:#ffafbd;padding:11px 13px;border-radius:12px;font-size:12px}.login-card footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #1c2a45;color:#657c9d;font-size:10px}@media(max-width:520px){.login-shell{padding:14px}.login-card{padding:22px 18px;border-radius:22px}.brand-row{margin-bottom:14px}.title h2{font-size:22px}.login-card footer{justify-content:center;text-align:center}}