:root { --bg:#0b1020; --card:#121a33; --text:#e8ecff; --muted:#a6b0d6; --primary:#5dd6a4; --danger:#ff6b6b; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0e1530;border-bottom:1px solid #26315c}
.header .logo{font-weight:700}
.header nav a,.header nav form{margin-left:12px;color:var(--text);text-decoration:none}
.container{max-width:900px;margin:32px auto;padding:0 16px}
.card{background:var(--card);border:1px solid #26315c;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.form-card label{display:block;margin:12px 0 6px;font-size:14px;color:var(--muted)}
.form-card input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2b3a6b;background:#0f1938;color:var(--text)}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:none;background:var(--primary);color:#082217;font-weight:700;cursor:pointer}
.btn-outline{padding:8px 12px;border-radius:10px;border:1px solid #3a4a7d;background:transparent;color:var(--text);cursor:pointer}
.footer{padding:24px;text-align:center;color:var(--muted)}
.alert{margin:8px 0 16px;padding:10px 12px;border-radius:10px;background:#123c2f;color:#baf2d9}
.alert.error{background:#3a1720;color:#ffc6cf;border:1px solid #7d2b3a}
a{color:var(--primary)}