:root{
  --bg:#0b1220;
  --card:#111b2e;
  --muted: rgba(255,255,255,.75);
  --danger:#b91c1c;
}

body{font-family:Arial, sans-serif;}
.bg{
  margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:var(--bg); color:#fff;
}
.card{
  width:min(520px, 92vw);
  background:var(--card);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:28px;
}
h1{margin:0 0 8px;}
.muted{margin:0 0 18px; color:var(--muted);}
label{display:block; margin:12px 0 6px; color:rgba(255,255,255,.85);}
input{
  width:100%; padding:12px 12px;
  border-radius:10px; border:1px solid rgba(255,255,255,.12);
  background:#0b1430; color:#fff;
}
button{
  margin-top:16px; width:100%; padding:12px;
  border:0; border-radius:10px;
  background:#2563eb; color:#fff; font-weight:700;
  cursor:pointer;
}
.alert{padding:10px 12px; border-radius:10px; margin:10px 0;}
.alert-danger{background:rgba(185,28,28,.18); border:1px solid rgba(185,28,28,.45);}