:root{
  --bg:#16181c; --card:#1f2227; --card2:#252930;
  --border:rgba(255,255,255,.07); --muted:#7a8494; --text:#e8edf4;
  --accent:#4fc3f7; --accent2:#81d4fa; --green:#4caf50; --red:#f44336; --amber:#ffca28;
  --radius:13px; --radius-sm:8px; --shadow:0 4px 14px rgba(0,0,0,.3);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Segoe UI', system-ui, -apple-system, sans-serif;
  background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased;
}
a{color:var(--accent)}

.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;
  background:radial-gradient(ellipse at 60% 30%, #1a2a3a 0%, var(--bg) 70%);}
.auth-wrap{width:100%;max-width:420px;padding:20px}
.auth-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);
  box-shadow:var(--shadow);padding:36px 32px}
.auth-title{font-size:1.4rem;font-weight:800;text-align:center;color:var(--accent);margin-bottom:6px}
.auth-subtitle{text-align:center;color:var(--muted);font-size:.92rem;margin-bottom:26px;line-height:1.4}

.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.form-group input{
  width:100%;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);
  color:var(--text);padding:11px 13px;font-size:1rem;outline:none;transition:border-color .15s;
}
.form-group input:focus{border-color:var(--accent)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;
  border:none;border-radius:var(--radius-sm);font-size:.93rem;font-weight:700;cursor:pointer;
  text-decoration:none;transition:transform .08s,opacity .12s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--accent);color:#04202b}
.btn-full{width:100%}

.alert{border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:.88rem;line-height:1.4}
.alert-error{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.35);color:#ff8a80}
.alert-ok{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.35);color:#a5d6a7}

.auth-links{margin-top:18px;text-align:center;font-size:.85rem;color:var(--muted)}