:root{--bg:#0f172a;--card:#111827;--accent:#6366f1;--accent-2:#8b5cf6;--text:#e5e7eb;--muted:#9ca3af;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,system-ui,Arial}body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(80% 100% at 70% 20%,#1f2348,#0b1029 60%,#050816);color:var(--text)}.login-card{width:min(420px,92vw);background:linear-gradient(180deg,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 26px;box-shadow:0 10px 40px #00000059}h1{font-size:28px;letter-spacing:.5px}.subtitle{color:var(--muted);margin:6px 0 18px}form{display:grid;gap:10px;margin-top:6px}label{font-size:14px;color:var(--muted)}input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0b1022;color:var(--text);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140}.btn{margin-top:6px;padding:12px 14px;border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));transition:transform .08s ease,filter .2s ease}.btn:active{transform:scale(.98)}.btn:hover{filter:brightness(1.05)}.error{height:18px;margin-top:6px;color:var(--danger);font-size:14px}footer{margin-top:14px;text-align:center;color:var(--muted);font-size:12px}