html{
    scroll-behavior:smooth;
}

body{font-family:Segoe UI,sans-serif}
.navbar{
background:rgba(8,17,32,.85);
backdrop-filter:blur(12px);
box-shadow:0 5px 20px rgba(0,0,0,.2);
}
.hero{
background:linear-gradient(135deg,#081120,#102a43);
padding-top:100px;
overflow:hidden;
}
.hero h1{font-size:4rem;font-weight:800;line-height:1.1}
.hero p{font-size:1.2rem;color:#dbeafe}
.tag{background:#ff6b00;padding:10px 20px;border-radius:30px;color:#fff}
.hero-img{
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.4);
animation:float 4s ease-in-out infinite;
}
.stats-row{display:flex;gap:40px;margin-top:40px;color:#fff}
.stats-row h3{color:#ffb703}
.card-box{
background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.1);
transition:.4s;
height:100%;
}
.section-title{text-align:center;margin-bottom:40px;font-weight:700}

.card-box,.feature{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center}
.card-box i{font-size:48px;color:#ff6b00}

.gallery{
width:100%;
height:280px;
object-fit:cover;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.contact-section{
    padding:100px 0;
    background:linear-gradient(
        135deg,
        #081120 0%,
        #102a43 50%,
        #16324f 100%
    );
    position:relative;
    overflow:hidden;
}

.contact-section::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,107,0,.08);
    border-radius:50%;
    top:-150px;
    right:-100px;
}

.contact-section::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,183,3,.08);
    border-radius:50%;
    bottom:-150px;
    left:-100px;
}

.contact-title{
    color:#fff;
    font-size:3rem;
    font-weight:800;
}

.contact-subtitle{
    color:#cbd5e1;
    font-size:1.1rem;
}

.contact-form-card{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.25);
}

.contact-form-card h3{
    font-weight:700;
}

.contact-form-card .form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #e5e7eb;
}

.contact-form-card textarea.form-control{
    height:auto;
}

.send-btn{
    background:#ff6b00;
    color:#fff;
    padding:14px 35px;
    border:none;
    border-radius:12px;
    font-weight:600;
}

.send-btn:hover{
    background:#e85d04;
    color:#fff;
}

.contact-info-card{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    padding:40px;
    border-radius:25px;
    border:1px solid rgba(255,255,255,.1);
}

.contact-info-card h3{
    color:#fff;
    margin-bottom:35px;
}

.info-item{
    display:flex;
    gap:15px;
    margin-bottom:25px;
    align-items:flex-start;
}

.icon-box{
    width:55px;
    height:55px;
    background:#ff6b00;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
}

.info-item h6{
    color:#fff;
    margin-bottom:5px;
}

.info-item p{
    color:#cbd5e1;
    margin:0;
}

@media(max-width:768px){

.contact-title{
    font-size:2rem;
}

.contact-form-card,
.contact-info-card{
    padding:25px;
}

}

footer{background:#081120;color:#fff;padding:50px 0}
.whatsapp{
position:fixed;right:20px;bottom:20px;
width:65px;height:65px;border-radius:50%;
background:#25D366;color:#fff;
display:flex;align-items:center;justify-content:center;
font-size:30px;text-decoration:none;
}
@keyframes float{
50%{transform:translateY(-15px)}
}
@media(max-width:768px){
	.tag{
        margin-bottom:15px;
    }
.hero h1{font-size:2.5rem}
.stats-row{gap:20px}
}