:root{--bg:#0f1116;--card:#151a23;--text:#e9eef8;--muted:#9aa6bf;--brand:#22c1c3;--brand2:#3a7bd5}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:20px}
.flex{display:flex;gap:16px}.between{justify-content:space-between}.center{align-items:center}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}
.site-header{background:#0c0f14;border-bottom:1px solid #1e2635;position:sticky;top:0;z-index:20}
.logo{font-weight:700;text-decoration:none;color:var(--text);font-size:20px}
.nav a{color:var(--muted);text-decoration:none;margin:0 10px}
.nav a:hover{color:var(--text)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;text-decoration:none;padding:10px 16px;border-radius:12px;font-weight:600;border:0;cursor:pointer}
.card{background:var(--card);padding:20px;border-radius:16px;border:1px solid #20283a;box-shadow:0 12px 24px rgba(0,0,0,.25)}
.card.link{display:block;color:inherit;text-decoration:none}
.section{margin:30px 0}
h1,h2,h3,h4{line-height:1.2}
label{display:block;margin-top:10px}
input,textarea{width:100%;padding:10px;border-radius:12px;border:1px solid #223048;background:#0f141d;color:var(--text)}
input:focus,textarea:focus{outline:2px solid var(--brand)}
.hp{display:none!important}
.muted{color:var(--muted)}
.max-500{max-width:500px}
.tiny{font-size:12px;color:var(--muted)}
.site-footer{border-top:1px solid #1e2635;margin-top:40px;padding:24px 0}
.checks li{list-style:none;padding-left:26px;position:relative;margin:8px 0}
.checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:700}
.grid-3.cards .card h3{margin:0 0 6px}
img{display:block}