:root{
  --bg:#0b1320; --ink:#0f172a; --muted:#475569; --brand:#1f5cff; --paper:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
header{background:linear-gradient(135deg,#0b1320,#16223d);color:white;padding:72px 16px}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.hero h1{font-size:clamp(32px,6vw,48px);margin:0 0 12px 0;line-height:1.1}
.hero p{font-size:clamp(16px,2.5vw,20px);color:#cbd5e1;margin:0 0 20px 0}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:600}
.btn-primary{background:white;color:#0b1320;border-color:#334155}
.btn-outline{background:transparent;color:white;border-color:#94a3b8}
section{padding:56px 0;border-bottom:1px solid #f1f5f9}
h2{font-size:28px;margin:0 0 12px 0}
.sub{color:var(--muted);margin:0 0 24px 0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{grid-column:span 12;border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff}
@media(min-width:900px){
  .two-col .left{grid-column:span 6}
  .two-col .right{grid-column:span 6}
  .three .col{grid-column:span 4}
}
ul.bullets{margin:0;padding-left:18px}
ul.bullets li{margin:8px 0}
footer{padding:28px 16px;color:#64748b;font-size:14px}
.notice{background:#eef2ff;border:1px solid #c7d2fe;color:#1e293b;border-radius:12px;padding:12px 16px;margin-top:12px}
form{display:grid;gap:12px;max-width:720px}
input,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
textarea{min-height:140px;resize:vertical}
.form-row{display:flex;gap:12px;flex-wrap:wrap}
.form-row .w50{flex:1 1 260px}
.helper{font-size:13px;color:#64748b}
.error{color:#b91c1c}
.success{color:#065f46}
.captcha{margin-top:4px}