:root{

--background:#0f172a;

--card:#1e293b;

--primary:#2563eb;

--text:#ffffff;

--muted:#94a3b8;

}

body{

background:var(--background);

color:var(--text);

font-family:Inter,Arial,sans-serif;

margin:0;

}

.navbar{

background:#111827;

border-bottom:1px solid #263244;

}

.hero{

padding:120px 0;

text-align:center;

}

.hero h1{

font-size:64px;

font-weight:700;

}

.hero p{

color:var(--muted);

font-size:22px;

}

.btn-discord{

background:#5865F2;

color:white;

padding:15px 40px;

border-radius:10px;

font-weight:bold;

text-decoration:none;

}

.feature-card{

background:var(--card);

border-radius:15px;

padding:25px;

height:100%;

}