
body{margin:0;font-family:Arial,sans-serif;background:#001a57;color:white;}
header{background:#001a57;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #ffcc00;}
header h1{margin:0;}
nav a{color:white;text-decoration:none;margin-left:20px;font-weight:bold;}
.hero img{width:100%;display:block;}
.hero-content{text-align:center;padding:50px 20px;}
.hero-content h2{color:#ffcc00;font-size:48px;}
.btn{background:#ffcc00;color:#001a57;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:bold;display:inline-block;margin-top:20px;}
.section{padding:60px 40px;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:rgba(0,0,0,0.25);border:2px solid #ffcc00;border-radius:10px;padding:20px;text-align:center;}
.placeholder{height:180px;background:#002b80;border:2px dashed #ffcc00;display:flex;align-items:center;justify-content:center;}
footer{background:#000d33;text-align:center;padding:25px;border-top:4px solid #ffcc00;}
.contact-box{max-width:600px;margin:auto;text-align:center;font-size:24px;line-height:2;}
.welcome-box{max-width:900px;margin:40px auto 0 auto;font-size:20px;line-height:1.8;background:rgba(0,0,0,0.25);padding:30px;border:2px solid #ffcc00;border-radius:10px;}
