@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");
:root{
--bg:#f7fafc;
--card:#ffffff;
--orange: #e69500;
--muted:#6b7280;
--maxw:900px;
}
*{box-sizing:border-box}
body{
margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:#0f172a;line-height:1.5;
}
.container{max-width:var(--maxw);margin:0 auto;padding:28px;}


header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.logo{display:flex;gap:12px;align-items:center}
.logo i{font-size:22px;color:var(--orange)}
.logo h1{margin:0;font-size:20px}


h2{margin:0 0 14px 0;font-size:26px}
p{margin:0;color:var(--muted)}


.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
@media(max-width:720px){.cards{grid-template-columns:1fr}}


.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 6px 18px rgba(8,15,30,0.06);text-align:center}
.card i{font-size:28px;color:var(--orange);margin-bottom:10px}
.card h3{margin:6px 0;font-size:18px}
.card p{margin:0;font-size:14px;color:var(--muted)}


footer{margin-top:28px;padding:18px 0;text-align:center;color:var(--muted);font-size:14px}