body{
margin:0;
background:#0f0f14;
color:#e6e6e6;
font-family:Inter,system-ui,sans-serif;
line-height:1.6;
}

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

header{
text-align:center;
padding-top:60px;
}

.logo{
width:320px;
margin-bottom:20px;
}

h1{
font-size:2.6em;
margin:10px 0;
}

.tagline{
color:#b8b8c0;
font-size:1.2em;
}

section{
margin-top:70px;
}

h2{
border-bottom:1px solid #333;
padding-bottom:8px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:20px;
}

.card{
background:#1a1a22;
padding:22px;
border-radius:8px;
}

.card h3{
margin-top:0;
}

.button{
display:inline-block;
background:#6d7cff;
color:white;
padding:14px 28px;
border-radius:6px;
text-decoration:none;
font-weight:600;
margin-top:20px;
}

.button:hover{
background:#8791ff;
}

.failure{
color:#ff6b6b;
}

.success{
color:#6d7cff;
}

.cta{
text-align:center;
margin-top:80px;
}

footer{
text-align:center;
color:#777;
margin-top:80px;
padding-bottom:40px;
font-size:0.9em;
}

.curve-divider{
margin:60px auto;
max-width:500px;
opacity:.3;
}