/* Reset & Basis */
* { margin:0; padding:0; box-sizing:border-box; font-family:Arial,sans-serif;}
body{background:#f4f4f4; color:#333; line-height:1.6;}
header{background:#1e2a38; color:#fff; padding:1rem; text-align:center;}
header h1{margin-bottom:.5rem;}
nav ul{list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:1rem;}
nav a{color:#fff; text-decoration:none; font-weight:bold; padding:.3rem .6rem; border-radius:4px;}
nav a:hover{background:#3a4a5a;}
main{padding:2rem;}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; margin-top:2rem;}
.card{background:#fff; padding:1.5rem; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.1); text-align:center;}
.card a{display:inline-block; margin-top:1rem; text-decoration:none; background:#1e2a38; color:#fff; padding:.5rem 1rem; border-radius:4px;}
.card a:hover{background:#3a4a5a;}
footer{text-align:center; padding:1rem; background:#1e2a38; color:#fff; margin-top:2rem;}
.accordion-item{background:#fff; border-radius:6px; margin:1rem 0; box-shadow:0 1px 4px rgba(0,0,0,.1);}
.accordion-header{padding:1rem; cursor:pointer; font-weight:bold; background:#3a4a5a; color:#fff; border-radius:6px;}
.accordion-content{padding:1rem; display:none;}
.accordion-item.active .accordion-content{display:block;}
@media(max-width:600px){nav ul{flex-direction:column;}}