body {
margin: 0;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #0f172a, #1e293b);
color: #fff;
}



.container {
max-width: 900px;
margin: auto;
padding: 20px;
}

.header {
text-align: center;
padding: 30px 20px;
}

h1 {
font-size: 32px;
}

.subtitle {
color: #94a3b8;
margin-bottom: 10px;
}

h2 {
margin-top: 30px;
font-size: 24px;
}

h3 {
margin-top: 20px;
font-size: 18px;
}

p {
color: #d1d5db;
line-height: 1.6;
}

img {
width: 100%;
max-width: 420px;
border-radius: 12px;
margin: 15px 0;
}

.btn-group {
margin-top: 15px;
}

.btn {
display: inline-block;
margin: 8px;
padding: 12px 20px;
background: #22c55e;
color: #000;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
transition: 0.3s;
}

.btn:hover {
opacity: 0.8;
}

.btn.secondary {
background: #3b82f6;
color: #fff;
}

section {
margin-top: 25px;
}

ul {
padding-left: 20px;
}

li {
margin: 6px 0;
}

.faq h3 {
margin-bottom: 5px;
}

.links a {
color: #60a5fa;
text-decoration: none;
}

.footer {
text-align: center;
font-size: 12px;
color: #aaa;
margin-top: 40px;
padding: 20px;
}