*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,Segoe UI,Arial,sans-serif;
background:#f4f6fb;
color:#1f2937;
}
.container{
max-width:1000px;
margin:auto;
padding:60px 20px;
}
p {line-height: 22px;}
header{text-align:center;margin-bottom:50px}
header h1{font-size:3rem;margin:0}
header p{color:#6b7280;line-height:22px}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;
}
.card{
background:white;
padding:28px;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.2s;
}
.card:hover{
transform:translateY(-4px);
box-shadow:0 18px 35px rgba(0,0,0,.12);
}
.btn{
display:inline-block;
margin-top:15px;
background:#2563eb;
color:white;
padding:12px 18px;
border-radius:10px;
text-decoration:none;
font-weight:600;
}
.btn:hover{background:#1d4ed8}
.secondary{background:#059669}
.secondary:hover{background:#047857}
footer{
margin-top:60px;
text-align:center;
color:#6b7280;
}