body{font-family:Arial,sans-serif;margin:0;background:#f4f4f4}
.top-header{display:flex;align-items:center;background:#003366;color:#fff;padding:15px}
.logo{font-size:50px;margin-right:20px}
nav{background:#00509e}
.menu{display:flex;list-style:none;margin:0;padding:0}
.menu li{position:relative}
.menu a{display:block;padding:15px;color:#fff;text-decoration:none}
.menu a:hover{background:#003d7a}
.submenu{display:none;position:absolute;background:#fff;list-style:none;padding:0;min-width:250px}
.submenu li a{color:#000}
.dropdown:hover .submenu{display:block}
.banner{background:#0066cc;color:#fff;text-align:center;padding:40px}
main{padding:20px}
.card,.box{background:#fff;padding:15px;margin:10px 0;border-radius:5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.feedback form{display:flex;flex-direction:column}
.feedback input,.feedback textarea{margin:10px 0;padding:10px}
.feedback button{padding:10px;background:#00509e;color:#fff;border:none}
footer{background:#003366;color:#fff;text-align:center;padding:20px}
@media(max-width:768px){.menu{flex-direction:column}.top-header{flex-direction:column;text-align:center}}