*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Arial,sans-serif;}
body{background:#f9f9f9;color:#333;display:flex;flex-direction:column;min-height:100vh}
.container{max-width:900px;margin:0 auto;padding:24px;text-align: center;}
header{background:linear-gradient(180deg,#0a2342,#003366);color:#fff;text-align:center;padding:20px}
.logo{max-width:300px;width:90%;height:auto;margin-bottom:15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3)}
nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
nav a{text-decoration:none;color:#fff;font-weight:600;transition:.3s}
nav a:hover{color:#ffcc00}
main{flex:1}
.hero{background:linear-gradient(180deg,#003366,#0055a5);color:#fff;text-align:center;padding:80px 20px}
.hero h1{font-size:2.2rem;margin-bottom:8px}
.hero p{font-size:1.1rem;margin-bottom:20px;color:#e9eef6}
.btn{background:#ffcc00;color:#003366;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700;display:inline-block}
.btn:hover{background:#ffdd33}
.section{padding:48px 0}
.section h2{font-size:1.8rem;margin-bottom:16px;color:#0a2342}
.lead{color:#555;line-height:1.6;margin-bottom:12px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:18px;text-align: initial}
.card h3{margin-bottom:8px;color:#0a2342}
.list{margin:8px 0 0 18px}
footer{background:#0a2342;color:#ccc;text-align:center;padding:16px;margin-top:auto;font-size:.9rem}
.active{border-bottom:2px solid #ffcc00}
form{display:flex;flex-direction:column;gap:10px;margin-top:10px}
input,textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}
button{background:#ffcc00;color:#003366;border:none;padding:10px;border-radius:6px;font-weight:bold;cursor:pointer}
button:hover{background:#ffdd33}