*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#08111f;color:#fff}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:rgba(0,0,0,.3);position:sticky;top:0}
nav a{color:white;text-decoration:none;margin-left:20px}
.logo{font-weight:bold}
.hero{padding:140px 20px;text-align:center;background:linear-gradient(135deg,#0a4d8c,#18b6ff)}
.hero h1{font-size:3rem;max-width:900px;margin:auto}
.hero p{max-width:700px;margin:20px auto}
.btn{background:#16c172;padding:15px 25px;border-radius:10px;color:white;text-decoration:none}
section{max-width:1200px;margin:auto;padding:70px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#132238;padding:30px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.stats div{background:#132238;padding:30px;border-radius:16px}
.stats h3{font-size:2rem;color:#18b6ff}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:white;padding:16px 22px;border-radius:50px;text-decoration:none;font-weight:bold}
footer{text-align:center;padding:40px;background:#050b15}


body{background:#12080b !important;}
.hero{background:linear-gradient(135deg,#5a0012,#8b001c) !important;}
.card,.stats div{background:#241116 !important;}
nav{background:#18090d !important;}
footer{background:#12080b !important;}
.logo{color:#ffffff;}
.whatsapp{
position:fixed;
right:20px;
bottom:20px;
background:#25D366 !important;
color:white !important;
padding:16px 22px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
box-shadow:0 8px 25px rgba(0,0,0,.35);
z-index:9999;
}

.left{left:20px !important; right:auto !important;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.gallery img{width:100%;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}

html{scroll-behavior:smooth}
.card{transition:transform .3s ease}
.card:hover{transform:translateY(-6px)}
h2{text-align:center;margin-bottom:20px}


.hero-image{
    background:url('1000045455.jpg') center center/cover no-repeat !important;
    min-height:90vh;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.hero-overlay{
    background:rgba(0,0,0,.55);
    padding:40px;
    border-radius:20px;
    text-align:center;
    max-width:900px;
}

.hero-overlay h1{
    color:#fff;
    font-size:3.5rem;
    margin-bottom:20px;
}

.hero-overlay p{
    color:#fff;
    font-size:1.2rem;
}