*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,sans-serif;
}

html{
scroll-behavior:smooth;
}

body{

background:#07111F;
color:white;

}

header{

display:flex;
justify-content:space-between;
align-items:center;

padding:30px 8%;

position:fixed;
width:100%;

background:rgba(10,15,30,.75);

backdrop-filter:blur(15px);

z-index:100;

}

.logo{

font-size:28px;
font-weight:800;

}

.logo span{

color:#38BDF8;

}

nav{

display:flex;
gap:30px;

}

nav a{

color:white;
text-decoration:none;

}

.button{

padding:14px 26px;

background:#2563EB;

border-radius:40px;

text-decoration:none;
color:white;

}

.hero{

display:grid;

grid-template-columns:1fr 1fr;

padding:180px 8%;

align-items:center;

min-height:100vh;

}

.hero h1{

font-size:72px;

line-height:1.1;

margin-bottom:30px;

}

.hero p{

font-size:20px;

color:#ddd;

max-width:500px;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:20px;

}

.primary{

background:#2563EB;

padding:16px 32px;

border-radius:40px;

color:white;

text-decoration:none;

}

.secondary{

border:1px solid white;

padding:16px 32px;

border-radius:40px;

color:white;

text-decoration:none;

}

.glass{

background:rgba(255,255,255,.08);

padding:40px;

border-radius:25px;

backdrop-filter:blur(15px);

}

.stats{

display:grid;

grid-template-columns:repeat(4,1fr);

text-align:center;

padding:100px 8%;

background:#0F172A;

}

.stats h2{

font-size:60px;

color:#38BDF8;

}

section{

padding:100px 8%;

}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

margin-top:50px;

}

.card{

background:#111827;

padding:40px;

border-radius:20px;

transition:.3s;

}

.card:hover{

transform:translateY(-10px);

background:#1E293B;

}

.card i{

font-size:45px;

color:#38BDF8;

margin-bottom:25px;

}

.timeline{

display:flex;

justify-content:space-between;

margin-top:60px;

}

.timeline div{

background:#2563EB;

padding:25px;

border-radius:12px;

}

.testimonial{

background:#111827;

padding:35px;

border-radius:18px;

}

.cta{

text-align:center;

background:linear-gradient(135deg,#2563EB,#14B8A6);

}

.cta a{

display:inline-block;

margin-top:30px;

background:white;

color:#2563EB;

padding:18px 40px;

border-radius:50px;

text-decoration:none;

font-weight:700;

}

form{

display:grid;

gap:20px;

max-width:700px;

margin:auto;

}

input,textarea{

padding:18px;

border:none;

border-radius:12px;

background:#111827;

color:white;

}

textarea{

height:180px;

}

button{

background:#2563EB;

color:white;

padding:18px;

border:none;

border-radius:12px;

cursor:pointer;

font-size:18px;

}

footer{

padding:40px;

text-align:center;

background:#020617;

}

@media(max-width:900px){

.hero{

grid-template-columns:1fr;

text-align:center;

}

.hero p{

margin:auto auto 40px;

}

.hero-buttons{

justify-content:center;

}

.stats{

grid-template-columns:repeat(2,1fr);

gap:40px;

}

.timeline{

flex-direction:column;

gap:20px;

}

nav{

display:none;

}

}