
:root{
--primary:#214d5c;
--accent:#8FC7DB;
--dark:#07111d;
}

body{
font-family:Inter,Arial,sans-serif;
background:#f8fafc;
overflow-x:hidden;
}

.hero{
background:linear-gradient(135deg,#07111d,#214d5c);
color:white;
position:relative;
overflow:hidden;
}

.min-vh-100{min-height:100vh;}

.glass-nav{
background:rgba(7,17,29,.6);
backdrop-filter:blur(15px);
}

.glass-card,.glass-form{
background:rgba(255,255,255,.1);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,.15);
padding:40px;
border-radius:24px;
color:white;
	text-align: center;
}

.glass-form{
color:#111;
background:white;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.hero h1{
font-size:4rem;
font-weight:800;
}

.badge-premium{
display:inline-block;
padding:10px 18px;
background:rgba(255,255,255,.1);
border-radius:50px;
margin-bottom:20px;
	margin-top:45px;
}

.btn-glow{
background:var(--accent);
border:none;
padding:14px 28px;
font-weight:700;
box-shadow:0 0 30px rgba(143,199,219,.5);
}

.btn-glow:hover{
transform:translateY(-3px);
}

.hero-buttons{
display:flex;
gap:15px;
margin:30px 0;
flex-wrap:wrap;
}

.stats{
display:flex;
gap:40px;
margin-top:40px;
	padding: 10px 0 40px;
}

.stats strong{
font-size:2rem;
display:block;
}

.section{
padding:100px 0;
}

.service-card,.testimonial{
background:white;
padding:35px;
border-radius:24px;
box-shadow:0 10px 40px rgba(0,0,0,.08);
transition:.4s;
}

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

.dark-section{
background:#07111d;
color:white;
}

.blob{
position:absolute;
border-radius:50%;
filter:blur(60px);
animation:float 10s infinite ease-in-out;
}

.b1{
width:300px;height:300px;
background:#8FC7DB;
top:-50px;left:-50px;
}

.b2{
width:400px;height:400px;
background:#214d5c;
right:-100px;bottom:-100px;
}

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

@media(max-width:768px){
.hero h1{font-size:2.5rem;}
.stats{gap:20px;}
}
