:root{--bg:#0e1726;--panel:#141e2f;--text:#e9eef7;--muted:#a7b1c2;--brand:#2bdc65;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--text);text-decoration:none}
a:hover{opacity:.85}
.nav{display:flex;gap:28px;align-items:center;padding:18px 22px;background:#10192b;border-bottom:2px solid #1c2a40}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}
.navlinks{margin-left:auto;display:flex;gap:22px}
.container{max-width:960px;margin:28px auto;padding:0 16px}
.panel{background:var(--panel);border-radius:14px;padding:22px;border:1px solid #1f2b40;box-shadow:0 10px 24px rgba(0,0,0,.2)}
h1{margin:0 0 18px;font-size:34px}
label{display:block;margin:12px 0 6px;color:var(--muted)}
input{width:100%;padding:14px 12px;background:#0f1828;border:1px solid #20314b;border-radius:10px;color:var(--text)}
button{width:100%;padding:14px 16px;border:0;border-radius:12px;background:var(--brand);font-weight:700;font-size:16px;color:#03230f;cursor:pointer;margin-top:14px}
.help{margin-top:10px;color:var(--muted)}
.error{color:#ff6b6b;margin-top:10px}
.footer{color:var(--muted);text-align:center;margin:48px 0 22px}