:root{--accent:#0b6efd;--bg:#f7f9fc;--text:#0b1a2b}
*{box-sizing:border-box}body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;color:var(--text);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:24px}
header{background:#fff;border-bottom:1px solid #e6eef8}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
.nav a{color:var(--text);text-decoration:none;margin-left:18px;font-weight:600}
.hero{background:linear-gradient(90deg,rgba(11,110,253,0.06),transparent);padding:48px;border-radius:8px;margin-top:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(11,26,43,0.04)}
.cta{background:var(--accent);color:#fff;padding:12px 18px;border-radius:6px;border:none;cursor:pointer}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{padding:12px;border:1px solid #e6eef8;text-align:left}
footer{padding:18px;text-align:center;color:#6b7a8a;margin-top:24px}
.form-row{display:flex;gap:12px}
@media(max-width:640px){.form-row{flex-direction:column}}