body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#333;}
header{background:#16213e;color:#fff;text-align:center;padding:20px;}
nav{background:#0f3460;display:flex;flex-wrap:wrap;justify-content:center;}
nav a{color:#fff;text-decoration:none;padding:15px;transition:0.3s;}
nav a:hover{background:#e94560;}
main{max-width:1000px;margin:30px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
footer{background:#0f3460;color:#fff;text-align:center;padding:15px;margin-top:40px;}
.hero{background:url('img/bg.jpg') no-repeat center/cover;height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.6);}
.hero .btn{background:#e94560;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{background:#fff;border:1px solid #ccc;border-radius:8px;padding:15px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);}
.card img{max-width:100%;border-radius:5px;}
form{display:flex;flex-direction:column;gap:10px;}
form input,form textarea{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;}
form button{background:#0f3460;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;}
form button:hover{background:#e94560;}