body{margin:0;font-family:system-ui,sans-serif;color:#333;line-height:1.6} header{background:#0f5f7a;color:white;padding:1rem 0} .container{max-width:1100px;margin:0 auto;padding:0 1rem} nav{display:flex;gap:1.5rem;align-items:center} nav a{color:white;text-decoration:none;font-weight:500} .hero{background:#0f5f7a;color:white;padding:3rem 1rem;text-align:center} .hero h1{margin:0.2rem 0;font-size:2.4rem} .btn{background:#f4a261;color:#222;padding:.8rem 1.4rem;border-radius:6px;text-decoration:none;font-weight:600;display:inline-block;margin-top:.5rem} section{padding:2rem 0} h2{color:#0f5f7a;border-bottom:2px solid #eee;padding-bottom:.4rem} .card{border:1px solid #ddd;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fff} footer{background:#f8f8f8;padding:1rem;text-align:center;font-size:85%;color:#666} .note{background:#ffeed9;padding:.5rem;border-radius:4px;font-size:85%}