*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;color:#1a1a1a;background:#fff}
.container{max-width:780px;margin:0 auto;padding:40px 24px}
header.hero{background:linear-gradient(135deg,#0b3d91 0%,#1a1a2e 100%);color:#fff;padding:80px 24px 60px;text-align:center}
header.hero .tag{display:inline-block;padding:6px 14px;background:rgba(255,255,255,.12);border-radius:20px;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
header.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.2;font-weight:800;max-width:780px;margin:0 auto 16px}
header.hero p.lead{font-size:18px;opacity:.85;max-width:680px;margin:0 auto}
nav.breadcrumb{background:#f5f5f7;padding:14px 24px;font-size:14px;color:#666}
nav.breadcrumb a{color:#0066cc;text-decoration:none}
article h2{font-size:28px;margin:48px 0 16px;font-weight:700;line-height:1.3}
article h3{font-size:20px;margin:32px 0 12px;font-weight:600}
article p{margin-bottom:16px;font-size:17px}
article ul,article ol{margin:0 0 20px 24px}
article li{margin-bottom:8px;font-size:17px}
.toc{background:#f5f5f7;padding:24px;border-radius:12px;margin:32px 0}
.toc h3{margin-top:0;font-size:16px;text-transform:uppercase;letter-spacing:1px;color:#666}
.toc ol{margin-left:20px}.toc a{color:#0066cc;text-decoration:none}
.callout{background:#e7f3ff;border-left:4px solid #0066cc;padding:20px 24px;margin:24px 0;border-radius:4px}
.callout.warn{background:#fff8e1;border-left-color:#ffa500}.callout strong{display:block;margin-bottom:6px}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}th{background:#f5f5f7;font-weight:600}
.step{display:flex;gap:20px;margin:24px 0;padding:20px;background:#fafafa;border-radius:12px}
.step-num{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#0b3d91;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.step-content h3{margin-top:0}
.cta{background:linear-gradient(135deg,#0b3d91,#1e5ec9);color:#fff;padding:36px 28px;border-radius:16px;margin:48px 0;text-align:center}
.cta h3{color:#fff;font-size:24px;margin-bottom:10px}.cta p{color:#fff;opacity:.92;margin-bottom:20px}
.cta a{display:inline-block;background:#fff;color:#0b3d91;padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none}
.faq details{border:1px solid #eee;border-radius:8px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:600;cursor:pointer;font-size:17px}.faq details[open] summary{margin-bottom:12px}
footer{background:#0a0a0a;color:#aaa;padding:40px 24px;text-align:center;font-size:14px;margin-top:60px}
footer a{color:#fff;text-decoration:none;margin:0 10px}
