:root{
--bg:#0f172a;
--card:#ffffff;
--accent:#4f46e5;
--text:#111827;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,system-ui,sans-serif;
background:#f7f8fc;
color:var(--text);
}
nav,.simple-nav{
display:flex;
justify-content:space-between;
padding:24px 8vw;
}
.hero{
background:linear-gradient(135deg,#0f172a,#312e81);
color:white;
min-height:70vh;
}
.brand{font-weight:700}
.links a{
color:inherit;
text-decoration:none;
margin-left:18px;
}
.hero-content{
max-width:700px;
padding:8vh 8vw;
}
.hero-content h1{
font-size:3rem;
margin-bottom:.5rem;
}
.button{
display:inline-block;
padding:14px 22px;
background:white;
color:#111;
border-radius:999px;
text-decoration:none;
}
.card-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;
padding:60px 8vw;
}
.card,.contact-card{
background:var(--card);
padding:28px;
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.contact{
max-width:900px;
margin:auto;
padding:40px 8vw;
}
footer{
padding:30px;
text-align:center;
color:#6b7280;
}