:root{--bg1:#0f1a14;--bg2:#13231a;--panel:#162b20;--text:#e9f6ef;--muted:#b2cbbd;--brand:#57d29a;--accent:#a8ff78;}
*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);background:linear-gradient(180deg,var(--bg1),var(--bg2));font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--brand);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.flex{display:flex}.between{justify-content:space-between}.middle{align-items:center}
.logo{width:32px;height:32px;margin-right:10px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.nav a{margin:0 10px;opacity:.9}.nav .btn{margin-left:14px}
.site-header{position:sticky;top:0;background:rgba(0,0,0,.25);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;background:rgba(0,0,0,.18)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:68px 0 36px;border-bottom:1px solid rgba(255,255,255,.06)}
.hero .lead{max-width:760px;color:var(--muted);font-size:1.08rem}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(125deg,var(--brand),var(--accent));border:0}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.card{background:var(--panel);padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px -20px rgba(0,0,0,.5)}
.card h3{margin-top:0}
.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.info{margin:32px 0}
.page h1{margin-top:8px}
.steps{counter-reset:step;margin:0;padding-left:0;list-style:none}
.steps li{background:var(--panel);margin:10px 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.faq{background:var(--panel);padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin:10px 0}
.faq summary{cursor:pointer;font-weight:600}
.muted{color:var(--muted)}
.contact-form{display:grid;gap:12px;max-width:520px}
.contact-form label{display:grid;gap:6px}
input,textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.3);color:#fff}
.wide{width:100%;height:auto;display:block;margin:14px 0}
.hero-media img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
@media (max-width:960px){.hero{grid-template-columns:1fr} .nav{display:none}}