:root{--login-bg:#0b0e14;--login-surface:rgba(17,21,32,.7);--login-border:rgba(255,255,255,.06);--login-text:#e2e8f0;--login-text-bright:#f8fafc;--login-text-muted:#64748b;--login-accent:#2b7abf;--login-accent-hover:#3b8fd4;--login-accent-end:#a78bfa;--login-font:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}[data-theme="light"]{--login-bg:#f8fafc;--login-surface:rgba(255,255,255,.85);--login-border:rgba(0,0,0,.08);--login-text:#1e293b;--login-text-bright:#0f172a;--login-text-muted:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--login-font);background:var(--login-bg);color:var(--login-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:var(--login-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--login-border);border-radius:24px;padding:3rem 2.5rem;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.4);animation:loginIn .5s ease}@keyframes loginIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{margin-bottom:1.5rem}.login-logo img{height:48px;filter:brightness(0) invert(1)}[data-theme="light"] .login-logo img{filter:none}.login-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-title span{background:linear-gradient(135deg,var(--login-accent),var(--login-accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--login-text-muted);font-size:.9rem;margin-bottom:2.5rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.85rem 1.5rem;border-radius:12px;border:1px solid var(--login-border);background:rgba(255,255,255,.05);color:var(--login-text);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s ease}.login-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(148,163,184,.2);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2);color:var(--login-text-bright)}.login-btn:active{transform:translateY(0)}.login-btn svg{flex-shrink:0}[data-theme="light"] .login-btn{background:rgba(0,0,0,.03)}[data-theme="light"] .login-btn:hover{background:rgba(0,0,0,.06)}.login-footer{margin-top:2.5rem;color:var(--login-text-muted);font-size:.75rem}.login-footer a{color:var(--login-accent-hover);text-decoration:none}