*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}
body{background:#050816;color:#fff}
header{
display:flex;justify-content:space-between;align-items:center;
padding:20px 8%;position:fixed;width:100%;
background:rgba(0,0,0,.7);backdrop-filter:blur(10px);z-index:1000
}
.logo{font-size:30px;font-weight:700;color:#00f7ff}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{
height:100vh;
display:flex;justify-content:center;align-items:center;text-align:center;
background:radial-gradient(circle at center,#143d8f,#050816);
}
.hero h1{font-size:80px;color:#00f7ff;text-shadow:0 0 20px #00f7ff}
.hero h2{font-size:40px;margin:15px 0}
.hero p{font-size:20px;margin-bottom:25px}
.btn{
padding:14px 30px;background:#00f7ff;color:#000;
text-decoration:none;font-weight:bold;border-radius:10px
}
.section{padding:100px 8%;text-align:center}
.section h2{font-size:48px;color:#00f7ff;margin-bottom:40px}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px
}
.card{
background:rgba(255,255,255,.05);
border:1px solid rgba(0,247,255,.3);
border-radius:20px;
padding:35px;
box-shadow:0 0 30px rgba(0,247,255,.2)
}
.price{
font-size:48px;
display:block;
font-weight:bold;
color:#00f7ff;
margin-bottom:20px
}
.card h3{font-size:30px;margin-bottom:15px}
.card p{margin-bottom:25px}
.timeline div,.faq-box{
background:#0f1735;
padding:20px;
margin:15px auto;
max-width:800px;
border-radius:12px;
border:1px solid rgba(0,247,255,.25)
}
footer{
padding:30px;text-align:center;
border-top:1px solid rgba(0,247,255,.3)
}


.price,.price-btn{
display:inline-block !important;
padding:16px 40px !important;
background:#00f7ff !important;
color:#000 !important;
font-weight:bold !important;
border-radius:12px !important;
font-size:20px !important;
text-decoration:none !important;
margin-bottom:20px !important;
}