:root { --accent:#2563eb; --accent-dark:#1d4ed8; --bg:#f5f7fb; --card:#fff; --text:#1e293b; --muted:#64748b; --line:#e2e8f0; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; }
header { background:linear-gradient(135deg,var(--accent),#3b82f6); color:#fff; padding:38px 20px 28px; text-align:center; }
header h1 { font-size:28px; font-weight:800; letter-spacing:-.3px; max-width:820px; margin:0 auto; }
header p { margin-top:10px; opacity:.93; font-size:15px; }
nav.top { background:#fff; border-bottom:1px solid var(--line); padding:10px 16px; text-align:center; font-size:13.5px; position:sticky; top:0; z-index:5; }
nav.top a { color:var(--accent-dark); text-decoration:none; margin:0 10px; white-space:nowrap; }
nav.top a:hover { text-decoration:underline; }
main { max-width:820px; margin:0 auto; padding:28px 18px 60px; }
main h2 { font-size:23px; margin:36px 0 12px; }
main h3 { font-size:18px; margin:24px 0 8px; }
main p, main li { color:#334155; font-size:15.5px; margin-bottom:10px; }
main ul, main ol { padding-left:24px; margin-bottom:14px; }
table { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.08); margin:14px 0 18px; font-size:14.5px; }
th, td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; }
th { background:#eff6ff; color:var(--accent-dark); font-size:13.5px; }
tr:last-child td { border-bottom:none; }
.callout { background:#fffbeb; border:1px solid #fde68a; border-radius:10px; padding:14px 16px; font-size:14.5px; margin:16px 0; }
.cta { background:linear-gradient(135deg,#eff6ff,#dbeafe); border:1px solid #bfdbfe; border-radius:12px; padding:20px 22px; margin:26px 0; text-align:center; }
.cta h3 { margin:0 0 8px; color:var(--accent-dark); }
.cta a.btn { display:inline-block; background:var(--accent); color:#fff; padding:11px 26px; border-radius:9px; text-decoration:none; font-weight:600; font-size:15px; margin-top:8px; }
.cta a.btn:hover { background:var(--accent-dark); }
.faq h3 { margin-top:20px; }
.faq p { color:#475569; }
footer { text-align:center; color:var(--muted); font-size:12px; padding:22px 16px; }
footer a { color:var(--muted); }