:root{--primary:#0f172a;--accent:#f59e0b;--muted:#e5e7eb;--text:#0f172a;--bg:#ffffff}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:#0b61ff;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.topbar{background:#0f172a;color:#fff;font-size:.9rem}
.topbar .container{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.5rem 1rem}
.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.6rem}
.logo img{height:44px;width:44px;border-radius:50%}
.logo .brand{font-weight:800;letter-spacing:.2px}
.menu{display:flex;gap:1rem}
.menu a{padding:.5rem .8rem;border-radius:999px}
.menu a:hover,.menu a.active{background:#f3f4f6}
.hero{background:linear-gradient(120deg,#0f172a,#1e293b);color:#fff}
.hero .container{padding:3rem 1rem 4rem}
.hero h1{font-size:2.2rem;margin:0}
.hero p{max-width:720px;opacity:.95}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}
.card{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.06);text-align:center}
.card img{width:100%;height:160px;object-fit:contain;border-radius:12px;background:#fff}
.section{padding:2rem 0}
.btn{display:inline-block;background:#0b61ff;color:#fff;padding:.7rem 1rem;border-radius:12px;font-weight:600}
.btn:hover{opacity:.9}
.footer{background:#0f172a;color:#cbd5e1;padding:1.2rem 0;margin-top:2rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}
input,textarea{width:100%;padding:.7rem;border:1px solid #e5e7eb;border-radius:10px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.small{font-size:.95rem;color:#475569}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}