:root{--bg:#0e1116;--fg:#e9eef5;--muted:#9fb3c8;--brand:#2fbf71;--accent:#4ea1ff;--card:#10151c;--border:#1a212b}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero{padding:64px 0;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0e1116,#0b0d12 60%)}
.hero .container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;align-items:center}
.brand{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.logo{width:56px;height:56px;border-radius:8px;background:#0b0d12;border:1px solid var(--border)}
.tag{color:var(--muted);margin:6px 0 0}
.cta{display:inline-block;background:var(--brand);color:#0b0d12;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.nav{background:#0b0d12;border-bottom:1px solid var(--border)}
.nav .container{display:flex;flex-wrap:wrap;gap:18px;padding:12px 20px}
.nav a{color:var(--muted);text-decoration:none}
.hero-media{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);min-height:340px}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,22,.6),rgba(14,17,22,.2) 60%,rgba(14,17,22,0));}
.section{padding:48px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
.list{list-style:disc;padding-left:20px}
.img-wide{width:100%;height:auto;border:1px solid var(--border);border-radius:12px;margin:10px 0}
.footer{border-top:1px solid var(--border);padding:20px 0;color:var(--muted)}
.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-form label{display:flex;flex-direction:column;gap:8px}
.contact-form label.full{grid-column:1/-1}
.contact-form input,.contact-form textarea{background:#0b0d12;border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:10px}
@media (max-width:900px){.hero .container{grid-template-columns:1fr;}.hero-media{height:280px}}