body { font-family: sans-serif; background:#0b1220; color:#e8eefc; margin:0; display:flex; height:100vh; align-items:center; justify-content:center; }
.card { width: 420px; background:#121b2e; padding:24px; border-radius:16px; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
h1 { margin: 0 0 12px 0; font-size: 22px; }
label { display:block; margin-top:12px; opacity:.85; }
input { width:100%; padding:10px; margin-top:6px; border-radius:10px; border:1px solid #2a3a66; background:#0f1730; color:#e8eefc; }
.btn { display:inline-block; margin-top:14px; padding:10px 14px; border-radius:10px; background:#2f6bff; color:white; text-decoration:none; border:none; cursor:pointer; }
.ok { color:#4eea88; font-weight:700; }
.muted { opacity:.65; margin-top:12px; }