:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#15263b;background:#f5f8fc}
 *{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:26px}
 nav{display:flex;justify-content:space-between;gap:18px;align-items:center}a{color:#1766bb}
 .brand{font-size:1.2rem;font-weight:800;letter-spacing:.02em}.hero{background:#102b49;color:white;padding:52px 28px;border-radius:20px;margin:24px 0}
 .hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;max-width:820px}.hero p{font-size:1.2rem;max-width:730px}
 .btn{display:inline-block;padding:14px 20px;background:#51d3ba;color:#08293b;border-radius:10px;text-decoration:none;font-weight:750}
 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
 .tile{background:#fff;padding:22px;border-radius:12px;border:1px solid #d9e3ec;min-height:100px}
 section{margin:35px 0}li{margin:12px 0;line-height:1.6}.note{border-left:4px solid #d19d38;padding:12px 18px;background:#fff9e9}
 footer{font-size:.9rem;color:#536579}footer a{margin-right:15px}
 
details{background:white;border:1px solid #d9e3ec;border-radius:10px;padding:15px 20px;margin:12px 0}summary{cursor:pointer;font-weight:650}summary:focus-visible,a:focus-visible{outline:3px solid #f2a93b;outline-offset:3px}details p{line-height:1.65}
.btn-secondary{margin-left:10px;margin-top:10px;background:#fff;color:#102b49}