:root{
  --bg:#0B1220;
  --primary:#1D4ED8;
  --secondary:#22C55E;
  --accent:#F59E0B;
  --text:#E5E7EB;
  --neutral:#111827;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--text);text-decoration:none}
.container{width:90%;max-width:1200px;margin:0 auto}
.site-header{background:var(--neutral);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.logo{display:block}
.logo-header{max-height:50px}
.logo-footer{max-height:100px}
.burger{
  width:30px;height:22px;cursor:pointer;position:relative;display:none;
}
.burger::before,.burger::after,.burger span{
  content:"";position:absolute;left:0;width:100%;height:3px;background:var(--text);
}
.burger::before{top:0}
.burger::after{bottom:0}
.burger span{top:9px}
#menu-toggle{display:none}
.main-nav{display:flex;gap:20px;align-items:center}
.main-nav a{padding:8px 0}
.menu-close{display:none}

.hero{padding:80px 0}
.hero.small{padding:60px 0}
.hero h1{font-size:2.2rem;margin-bottom:20px}
.hero-cta{display:flex;gap:15px;margin:20px 0}
.hero-list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.hero-list li{background:var(--neutral);padding:10px;border-radius:6px;list-style:none}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}
.section{padding:70px 0}
.section.alt{background:var(--neutral)}
.section h2{font-size:1.8rem;margin-bottom:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:var(--bg);padding:20px;border:1px solid #1f2937;border-radius:8px}
.card h3{margin-bottom:10px}
.checklist{list-style:none;display:grid;gap:10px}
.checklist li{padding-left:25px;position:relative}
.checklist li::before{content:"✔";position:absolute;left:0;color:var(--secondary)}
.contact-form{display:grid;gap:15px}
.contact-form input,.contact-form textarea{
  width:100%;padding:10px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:var(--text)
}
.btn-primary,.btn-secondary{
  display:inline-block;padding:12px 20px;border-radius:6px;font-weight:bold;border:none;cursor:pointer;text-align:center
}
.btn-primary{background:var(--primary);color:white}
.btn-secondary{background:var(--secondary);color:white}
.faq{display:grid;gap:15px}
.faq-item{background:var(--bg);padding:15px;border-radius:8px;border:1px solid #1f2937}
.site-footer{background:#0f172a;padding:50px 0;color:var(--text)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.footer-nav a{display:block;margin:6px 0}
.footer-bottom{margin-top:20px;text-align:center;font-size:0.9rem}

.cookie-banner{
  position:fixed;bottom:0;left:0;width:100%;background:var(--neutral);padding:15px 0;display:none;z-index:999
}
.cookie-content{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cookie-content a{color:var(--accent)}

@media(max-width:900px){
  .grid-2{grid-template-columns:1fr}
  .hero-cta{flex-direction:column}
}
@media(max-width:768px){
  .burger{display:block}
  .main-nav{
    position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;gap:25px;display:none
  }
  #menu-toggle:checked + .burger + .main-nav{display:flex}
  .menu-close{
    display:block;position:absolute;top:20px;right:20px;font-size:2rem;color:var(--text);cursor:pointer
  }
}
@media(max-width:480px){
  .hero h1{font-size:1.8rem}
  .section h2{font-size:1.5rem}
  .cookie-content{flex-direction:column;align-items:flex-start}
}