/* Reset & Base */
* {margin:0; padding:0; box-sizing:border-box; font-family:'Arial', sans-serif;}
body {line-height:1.6; color:#333;}
.container {width:90%; max-width:1100px; margin:auto;}
a {text-decoration:none;}
.btn {background:#3498db; color:#fff; padding:12px 30px; font-weight:bold; border-radius:5px; transition:0.3s;}
.btn:hover {background:#2980b9;}

/* Hero */
.hero {background:linear-gradient(to right,#3498db,#2980b9); color:#fff; text-align:center; padding:100px 0;}
.hero h1 {font-size:2.5rem; margin-bottom:20px;}
.hero p {font-size:1.2rem; margin-bottom:20px;}
.countdown {margin-top:20px; font-size:1.2rem; font-weight:bold;}

/* Features */
.features {padding:60px 0; background:#ecf0f1; text-align:center;}
.features h2 {margin-bottom:40px; font-size:2rem;}
.feature-grid {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.feature {background:#fff; padding:30px; border-radius:10px; flex:1 1 250px; box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.feature h3 {margin-bottom:15px; color:#3498db;}

/* Testimonial */
.testimonial {padding:60px 0; text-align:center;}
.testimonial h2 {margin-bottom:40px; font-size:2rem;}
.testimonial-card {background:#d6eaf8; padding:20px; margin:10px auto; max-width:600px; border-radius:10px;}
.testimonial-card p {font-style:italic; margin-bottom:10px;}

/* FAQ */
.faq {padding:60px 0; text-align:center; background:#ecf0f1;}
.faq h2 {margin-bottom:40px; font-size:2rem;}
.faq-item {background:#fff; padding:20px; margin:10px auto; max-width:700px; border-radius:10px; cursor:pointer; transition:0.3s;}
.faq-item:hover {background:#d6eaf8;}
.faq-item p {margin-top:10px; display:none;}

/* Signup */
.signup {padding:80px 0; background:#3498db; color:#fff; text-align:center;}
.signup h2 {font-size:2rem; margin-bottom:20px;}
.signup p {font-size:1.2rem; margin-bottom:30px;}

/* Footer */
footer {padding:20px 0; text-align:center; background:#2980b9; color:#fff;}

/* Popup */
.popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); justify-content:center; align-items:center; z-index:9999;}
.popup-content {background:#fff; padding:40px; border-radius:10px; text-align:center; max-width:400px; position:relative;}
.popup-content .btn {margin-top:20px;}
.close {position:absolute; top:10px; right:15px; font-size:24px; cursor:pointer; color:#333;}

/* Responsive */
@media(max-width:768px){.feature-grid{flex-direction:column;}.hero h1{font-size:2rem;}}