:root{
  --bg:#0b1220; --ink:#e8f0ff; --muted:#b6c7e3; --accent:#7ef3a0; --line:#24334c;
}
*{box-sizing:border-box}
body{margin:0; font:16px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--bg)}
.main{max-width:880px; margin:48px auto; padding:0 20px}
.card{background:#101a2b; border:1px solid rgba(110,140,190,.22); border-radius:14px; padding:20px}
h1{margin:.2em 0 .6em; font-size:28px}
label{display:block; font-size:14px; color:var(--muted); margin:10px 0 6px}
input,select{width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:#0f1828; color:var(--ink)}
button,.btn{display:inline-block; padding:10px 14px; border-radius:10px; border:1px solid transparent; background:var(--accent); color:#081020; font-weight:700; text-decoration:none; cursor:pointer}
.row{display:flex; gap:12px; flex-wrap:wrap}
.row .col{flex:1 1 260px}
.help{font-size:12px; color:var(--muted)}
nav a{color:var(--ink); margin-right:12px}
.error{color:#ff9c9c}
.ok{color:#8dffc1}