:root{--bg:#0a0f0b;--card:#121a13;--muted:#8fbf9c;--acc:#2ecc71;--text:#e8f5eb;--link:#a7ffd1}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0a0f0b, #0e1a11);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--link);text-decoration:none}
a:hover{opacity:.9}
img{display:block;max-width:100%;border-radius:12px}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;backdrop-filter:saturate(120%) blur(10px);background:rgba(10,15,11,.6);z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.nav{display:flex;gap:18px}
.nav a{padding:8px 12px;border-radius:8px}
.nav a.active,.nav a:hover{background:rgba(46,204,113,.18)}
.social{display:flex;gap:10px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:24px}
.hero-media img{height:auto}
.hero-content h1{font-size:40px;margin:0 0 10px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:600;transition:.2s;border:1px solid transparent}
.btn-primary{background:var(--acc);color:#06290f}
.btn-outline{border-color:var(--muted);color:var(--text);background:transparent}
.btn-secondary{background:#203925;color:#c9efd6}
.btn:hover{transform:translateY(-1px)}
.features,.posts,.cta{padding:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.post-card{background:var(--card);padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);display:block}
.post-card h3{margin:10px 0 6px}
.single-post{max-width:900px;margin:0 auto;padding:24px}
.single-cover{margin-bottom:16px}
.meta{color:var(--muted);font-size:14px;margin:4px 0 14px}
.more-posts{padding:24px}
.cta .cta-inner{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#0f1f14,#0d2a17);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px}
.icon-row{display:flex;gap:10px;align-items:center;margin:8px 0}
.site-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer-links{display:flex;gap:16px}
.footer-links a{background:rgba(255,255,255,.05);padding:8px 12px;border-radius:8px}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;background:#0d1510;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:none;gap:12px;align-items:center;justify-content:space-between;z-index:60}
.cookie-text p{margin:0}
.cookie-link{color:#9cfbc5;text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:70}
.modal.open{display:flex}
.modal-content{background:#101a12;border:1px solid rgba(255,255,255,.08);border-radius:16px;max-width:520px;width:92%;padding:20px}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}
.switch{display:inline-flex;align-items:center;gap:10px}
.switch input{display:none}
.slider{width:44px;height:24px;background:#375941;border-radius:24px;position:relative;display:inline-block}
.slider::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked + .slider::after{transform:translateX(20px)}
.switch-label{color:var(--text)}
.contact-info .contact-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}
.contact-form{max-width:720px;margin:24px auto;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}
.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
input,textarea{background:#0c140e;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);padding:12px 12px}
.team-grid{gap:18px}
.team-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;text-align:center}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.nav{display:none}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}.site-header{flex-wrap:wrap}.cookie-banner{left:10px;right:10px}}