*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020509;--surf:#0c1422;--surf-el:#121e30;--surf-hov:#1a2840;--bdr:#1e2d42;--fg:#e8edf5;--muted:#8fa0b8;--muted-fg:#5a6e88;--brand:#0c4da2;--accent:#1e88e5;--violet:#7c3aed;--violet-l:#a78bfa;--cyan:#06b6d4;--ok:#10b981;--err:#ef4444;--font:"Segoe UI",system-ui,-apple-system,sans-serif}body,html{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 rgba(30,136,229,.4)}50%{box-shadow:0 0 0 8px rgba(30,136,229,0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(900%)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.login-card{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both;will-change:transform}.login-glow{position:absolute;inset:-2px;border-radius:26px;z-index:0;background:conic-gradient(from 0deg,#1e88e5,#7c3aed,#06b6d4,#3b82f6,#1e88e5);filter:blur(16px);opacity:.42;animation:borderSpin 9s linear infinite}@keyframes borderSpin{to{transform:rotate(1turn)}}.brand-title{background:linear-gradient(90deg,#eaf1fb,#8fc4ff 25%,#c4a8ff 50%,#8fc4ff 75%,#eaf1fb);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 6s linear infinite}.logo-badge{animation:float 5s ease-in-out infinite}.logo-badge:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:250% 250%;animation:sheen 4.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sheen{0%{background-position:200% 0}60%,to{background-position:-120% 0}}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px rgba(12,77,162,.55),0 0 40px rgba(124,58,237,.25)!important;background-position:100% 0!important}.login-btn:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.brand-title,.login-card,.login-glow,.logo-badge,.logo-badge:after{animation:none}}