*{box-sizing:border-box}body{margin:0;background:#f7fafb;color:#142c35;font:16px/1.7 system-ui,Arial,sans-serif}a{color:#087e93}header{background:#102b34;color:white}nav,.wrap{max-width:1100px;margin:auto;padding:18px 22px}nav{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}nav a{color:white;text-decoration:none}.brand{font-weight:800;font-size:23px}.brand span{color:#07afcb}.links{display:flex;gap:15px;flex-wrap:wrap}.hero{background:linear-gradient(120deg,#102b34,#136277);color:white;padding:60px 0}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0 0 14px}.hero p{max-width:760px}.btn{display:inline-block;background:#07afcb;color:#06212a!important;padding:12px 22px;border-radius:9px;font-weight:700;text-decoration:none}.section{padding:28px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:white;border:1px solid #dce8ec;border-radius:14px;padding:20px;box-shadow:0 4px 16px #1232}.card h3{margin-top:0}.muted{color:#4b6873}.breadcrumb{font-size:14px;margin-bottom:16px}footer{background:#102b34;color:#d6edf1;padding:24px 0}footer a{color:#7de4f3}details{background:white;border:1px solid #dce8ec;padding:15px;margin-bottom:12px;border-radius:9px}summary{cursor:pointer;font-weight:700}