:root{--bg:#0b1020;--panel:#111a33;--text:#e8f0ff;--muted:#9fb3ff;--accent:#3b82f6;--border:#1c2a56}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:linear-gradient(180deg,#0a1020,#0c1530);color:var(--text);font-family:system-ui,Arial}
header{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#121a36;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border)}
nav a{color:#cbd5ff;text-decoration:none;margin-inline:8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px}
.container{max-width:1080px;margin:0 auto;padding:20px}
.card{background:#111a33;border:1px solid var(--border);border-radius:14px;padding:16px;margin:10px 0}
.btn{background:var(--accent);color:#fff;padding:10px 14px;border:0;border-radius:10px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
input,select,textarea,button{font:inherit}
label{display:block;margin:8px 0}
small{color:var(--muted)}