:root{--bg:#08090d;--bg-gradient:radial-gradient(circle at 10% 20%, rgba(148, 163, 184, 0.15) 0%, transparent 40%),radial-gradient(circle at 90% 80%, rgba(100, 116, 139, 0.12) 0%, transparent 40%);--panel:rgba(14, 16, 22, 0.75);--border:rgba(255, 255, 255, 0.08);--text:#f3f4f6;--text-muted:#9ca3af;--primary:#94a3b8;--primary-gradient:linear-gradient(135deg, #94a3b8, #64748b);--font-body:'Outfit',sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body)}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 20px 50px rgba(0,0,0,.3);backdrop-filter:blur(16px);text-align:center;position:relative;overflow:hidden}.login-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient)}.logo-container{margin-bottom:25px}.logo-container img{width:80px;height:80px;border-radius:20px;border:2px solid rgba(148,163,184,.4);box-shadow:0 8px 25px rgba(148,163,184,.2)}.login-card h2{font-size:1.6rem;font-weight:800;margin-bottom:10px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:35px}.btn-google{width:100%;padding:14px 20px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.btn-google:hover{background:rgba(255,255,255,.08);border-color:rgba(148,163,184,.3)}.btn-google:active{transform:scale(.99)}.btn-google i{font-size:1.1rem;color:#ea4335}.footer-links{margin-top:35px;display:flex;justify-content:center;gap:15px}.footer-links a{color:rgba(255,255,255,.2);text-decoration:none;font-size:.75rem;transition:color .2s}.footer-links a:hover{color:var(--text-muted)}.loader{display:none;position:absolute;inset:0;background:rgba(6,7,19,.85);align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:10}.spinner{width:40px;height:40px;border:4px solid rgba(148,163,184,.1);border-left-color:var(--primary);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{100%{transform:rotate(360deg)}}.loader-text{font-size:.85rem;color:var(--text-muted);font-weight:500}