:root {
--bg:#0f172a;
--card:#1e293b;
--text:#f8fafc;
--muted:#94a3b8;
--accent:#3b82f6;
}

body{
margin:0;
font-family:system-ui,sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.7;
}

.container{
max-width:1100px;
margin:auto;
padding:0 24px;
}

.hero{padding:120px 0;}

h1{
font-size:4rem;
line-height:1.1;
}

.subtitle{color:var(--muted);}

.button{
display:inline-block;
padding:16px 28px;
background:var(--accent);
border-radius:10px;
color:white;
text-decoration:none;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:24px;
}

.card{
background:var(--card);
padding:30px;
border-radius:16px;
}

.contact{text-align:center;}

footer{
text-align:center;
padding:40px;
color:var(--muted);
}