:root{--bg:#0c0e14;--card:#161a26;--accent:#6c8cff;--accent2:#9b6cff;--text:#e6e8ef;--muted:#8b90a3;}
  *{box-sizing:border-box}
  body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    background:radial-gradient(1200px 600px at 70% -10%,#1d2440 0,transparent 60%),
               radial-gradient(900px 500px at -10% 110%,#2a1d40 0,transparent 55%),var(--bg);
    color:var(--text)}
  .card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
    border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 36px;width:min(92vw,380px);
    box-shadow:0 30px 80px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
  .logo{font-size:42px;text-align:center;margin-bottom:6px}
  h1{font-size:22px;text-align:center;margin:0 0 4px}
  .sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:26px}
  label{font-size:13px;color:var(--muted);display:block;margin-bottom:8px}
  input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);
    background:#0e1119;color:var(--text);font-size:15px;outline:none;transition:.2s}
  input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,140,255,.15)}
  button{width:100%;margin-top:18px;padding:14px;border:0;border-radius:12px;cursor:pointer;
    font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));
    transition:transform .1s,filter .2s}
  button:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}
  .err{color:#ff7a7a;font-size:13px;text-align:center;margin:14px 0 0}
  .foot{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}