body{
font-family:Poppins,sans-serif;
background:#f8f9fb;
overflow-x:hidden;
}

.about-hero{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
background:linear-gradient(135deg,#10284f,#1b4a8c);
color:white;
position:relative;
overflow:hidden;
padding:20px;
}

.hero-content h1{
font-size:4rem;
max-width:900px;
}

.hero-content p{
margin-top:20px;
font-size:1.2rem;
}

.floating-circle{
position:absolute;
border-radius:50%;
background:rgba(255,255,255,.08);
animation:float 8s infinite ease-in-out;
}

.c1{
width:250px;
height:250px;
top:10%;
left:5%;
}

.c2{
width:350px;
height:350px;
bottom:10%;
right:5%;
}

@keyframes float{
50%{transform:translateY(-30px);}
}

.founder-section{
max-width:1200px;
margin:100px auto;
padding:0 20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.founder-image img{
width:100%;
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.tag{
background:#10284f;
color:white;
padding:8px 15px;
border-radius:30px;
}

.founder-content h2{
margin:20px 0;
font-size:2.5rem;
}

.founder-content p{
line-height:1.9;
color:#555;
}

.services{
padding:100px 20px;
}

.section-title{
text-align:center;
font-size:3rem;
margin-bottom:50px;
}

.service-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
max-width:1200px;
margin:auto;
}

.service-card{
background:white;
padding:30px;
border-radius:20px;
text-align:center;
transition:.4s;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.service-card:hover{
transform:translateY(-10px);
}

.service-card i{
font-size:40px;
color:#10284f;
margin-bottom:15px;
}

.why-section{
background:#10284f;
color:white;
padding:100px 20px;
}

.why-section h2{
text-align:center;
margin-bottom:50px;
font-size:3rem;
}

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
max-width:1200px;
margin:auto;
}

.why-box{
background:rgba(255,255,255,.1);
padding:25px;
border-radius:15px;
backdrop-filter:blur(10px);
}

.stats{
padding:100px 20px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
max-width:1000px;
margin:auto;
}

.stat-card{
background:white;
padding:30px;
text-align:center;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.stat-card h3{
font-size:3rem;
color:#10284f;
}

.cta{
background:linear-gradient(135deg,#10284f,#1d4f92);
padding:100px 20px;
text-align:center;
color:white;
}

.cta a{
display:inline-block;
margin-top:25px;
padding:15px 35px;
background:white;
color:#10284f;
text-decoration:none;
border-radius:10px;
font-weight:700;
}

.reveal{
opacity:0;
transform:translateY(50px);
transition:1s;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

@media(max-width:768px){

.hero-content h1{
font-size:2.5rem;
}

.founder-section{
grid-template-columns:1fr;
}

.stats{
grid-template-columns:1fr;
}

}