:root { --bg:#0b132b; --card:#1c2541; --accent:#3a506b; --text:#f0f4f8; --muted:#a9b4c4; --btn:#5bc0be; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:var(--bg); color:var(--text)}
.container{max-width:960px;margin:40px auto;padding:24px;background:var(--card);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
h1,h2,h3{margin:0 0 12px}
h1{font-size:28px}
h2{font-size:22px}
h3{font-size:18px;color:var(--muted)}
hr{border:none;border-top:1px solid #2e3a5a;margin:20px 0}
label{display:block;margin:10px 0 6px;color:var(--muted)}
input[type="text"],input[type="email"],input[type="file"],textarea,select{
  width:100%;padding:10px;border-radius:10px;border:1px solid #2e3a5a;background:#0d152b;color:var(--text)
}
button,.btn{background:var(--btn);color:#092327;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
button:hover,.btn:hover{filter:brightness(1.05)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.alert{padding:10px;border-radius:10px;margin:10px 0}
.alert.error{background:#3d1a1a;color:#ffd6d6}
.alert.success{background:#163d35;color:#c8fff0}
.headerbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
a{color:#9bd1ff;text-decoration:none}
a:hover{text-decoration:underline}
.footer{color:var(--muted);text-align:center;margin-top:14px}
small{color:var(--muted)}