:root{
--bg:#0b1120;
--card:#111827;
--card-light:#172033;
--border:#24324a;
--primary:#2563eb;
--primary-hover:#1d4ed8;
--text:#ffffff;
--muted:#94a3b8;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:var(--bg);
color:var(--text);
font-family:Inter,Arial,sans-serif;
overflow-x:hidden;
}

.ak-sale-page{
width:100%;
}

/* HERO */

.ak-hero{
text-align:center;
padding:120px 20px 80px;
max-width:1200px;
margin:auto;
}

.ak-badge{
display:inline-block;
padding:10px 18px;
border-radius:50px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#cbd5e1;
margin-bottom:25px;
}

.ak-hero h1{
font-size:80px;
font-weight:800;
line-height:1;
margin-bottom:25px;
letter-spacing:-2px;
}

.ak-subtitle{
max-width:750px;
margin:auto;
color:var(--muted);
font-size:22px;
line-height:1.8;
}

.ak-buttons{
display:flex;
justify-content:center;
gap:15px;
margin-top:40px;
flex-wrap:wrap;
}

.ak-btn{
text-decoration:none;
padding:16px 30px;
border-radius:14px;
font-weight:600;
transition:.3s;
}

.ak-primary{
background:var(--primary);
color:white;
}

.ak-primary:hover{
background:var(--primary-hover);
}

.ak-secondary{
background:var(--card);
border:1px solid var(--border);
color:white;
}

.ak-secondary:hover{
background:var(--card-light);
}

/* STATS */

.ak-stats{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
padding:0 20px 80px;
}

.ak-stat{
background:var(--card);
border:1px solid var(--border);
border-radius:20px;
padding:30px;
text-align:center;
}

.ak-stat h3{
font-size:34px;
margin-bottom:10px;
}

.ak-stat span{
color:var(--muted);
}

/* FEATURES */

.ak-features{
max-width:1200px;
margin:auto;
padding:0 20px 80px;
}

.ak-features h2{
text-align:center;
margin-bottom:40px;
font-size:40px;
}

.ak-feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.ak-feature{
background:var(--card);
border:1px solid var(--border);
border-radius:20px;
padding:30px;
text-align:center;
font-size:18px;
}

/* CONTACT */

.ak-contact{
max-width:800px;
margin:auto;
padding:0 20px 80px;
}

.ak-form{
background:var(--card);
border:1px solid var(--border);
border-radius:25px;
padding:40px;
}

.ak-form h2{
text-align:center;
margin-bottom:10px;
}

.ak-form p{
text-align:center;
color:var(--muted);
margin-bottom:30px;
}

.ak-form input,
.ak-form textarea{
width:100%;
padding:15px;
margin-bottom:15px;
border-radius:12px;
border:1px solid var(--border);
background:#0f172a;
color:white;
font-size:15px;
}

.ak-form input:focus,
.ak-form textarea:focus{
outline:none;
border-color:var(--primary);
}

.ak-form textarea{
height:140px;
resize:none;
}

.ak-form button{
width:100%;
padding:16px;
border:none;
border-radius:12px;
background:var(--primary);
color:white;
font-size:16px;
font-weight:600;
cursor:pointer;
}

.ak-form button:hover{
background:var(--primary-hover);
}

#question{
display:block;
margin-bottom:10px;
font-weight:600;
}

/* FOOTER */

.ak-footer{
border-top:1px solid var(--border);
text-align:center;
padding:40px 20px;
color:var(--muted);
}

.ak-footer p{
margin-bottom:10px;
}

/* MOBILE */

@media(max-width:992px){


.ak-hero h1{
    font-size:58px;
}

.ak-stats{
    grid-template-columns:repeat(2,1fr);
}

.ak-feature-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){


.ak-hero{
    padding:70px 15px 50px;
}

.ak-hero h1{
    font-size:42px;
    line-height:1.1;
}

.ak-subtitle{
    font-size:16px;
}

.ak-buttons{
    flex-direction:column;
}

.ak-btn{
    width:100%;
    text-align:center;
}

.ak-stats{
    grid-template-columns:1fr;
}

.ak-feature-grid{
    grid-template-columns:1fr;
}

.ak-form{
    padding:25px;
}

.ak-features h2{
    font-size:30px;
}


}