*{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#eef4fb;color:#1f2937}body{min-height:100vh}header{background:linear-gradient(135deg,#003366 0%,#0077b6 100%);color:#fff;padding:3rem 1rem;text-align:center}header h1{margin:0;font-size:clamp(2rem,4vw,3.5rem)}header p{margin:1rem auto 0;max-width:720px;line-height:1.7}main{max-width:1100px;margin:0 auto;padding:0rem 1rem}nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}nav a{text-decoration:none;color:#0f172a;padding:.8rem 1.25rem;border-radius:999px;background:#ffffff;border:1px solid #cbd5e1;transition:background .2s ease,color .2s ease}nav a.active{background:#003366;color:#fff;border-color:transparent}.section{margin-bottom:2.5rem}.section h2{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.card{background:white;border-radius:18px;padding:1.4rem;box-shadow:0 15px 30px #0f172a17}.card h3{margin-top:0}.tag{display:inline-block;padding:.45rem .8rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.85rem;margin-top:1rem}footer{text-align:center;color:#475569;padding:1rem 0}