:root{--bg:#f5f9ff;--card:#fff;--text:#172033;--muted:#5d687b;--accent:#2367d1;--line:#dce6f5}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{background:#fff;border-bottom:1px solid var(--line)}nav{max-width:920px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:800;font-size:1.15rem}.links a{margin-left:18px;color:var(--accent);text-decoration:none;font-weight:600}
main{max-width:920px;margin:42px auto;padding:0 22px}.hero{padding:40px 0 22px}.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;margin:0 0 14px}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;margin:20px 0;box-shadow:0 8px 30px rgba(40,70,120,.06)}
h2{margin-top:0}h3{margin-bottom:6px}a{color:var(--accent)}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700;margin:6px 8px 6px 0}
footer{max-width:920px;margin:55px auto 0;padding:24px 22px 40px;color:var(--muted);border-top:1px solid var(--line)}
.small{font-size:.92rem;color:var(--muted)}ul{padding-left:22px}@media(max-width:600px){nav{align-items:flex-start;flex-direction:column}.links a{margin:0 15px 0 0}.hero{padding-top:18px}}