:root{
  --bg:#0B1220;
  --surface:#121B2E;
  --primary:#2D7FF9;
  --secondary:#00C2A8;
  --accent:#FFB020;
  --text:#E8EEF8;
  --muted:#A9B4C7;
  --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family: 'Arial', sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
a{color:var(--text);text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{width:90%;max-width:1200px;margin:0 auto;}
header{
  background:rgba(11,18,32,0.95);
  position:sticky;top:0;z-index:1000;
  border-bottom:1px solid #1c2a44;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.logo img{height:50px;}
nav ul{display:flex;gap:20px;list-style:none;}
nav a{font-weight:600;}
.btn{
  background:var(--primary);
  color:var(--white);
  padding:12px 20px;
  border-radius:6px;
  display:inline-block;
}
.btn-secondary{
  background:var(--secondary);
  color:var(--bg);
  padding:10px 18px;
  border-radius:6px;
  display:inline-block;
}
.section{padding:70px 0;}
.section.alt{background:var(--surface);}
.grid{display:grid;gap:30px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.card{background:var(--surface);padding:24px;border-radius:10px;border:1px solid #1c2a44;}
.card h3{margin-bottom:10px;}
.kicker{color:var(--secondary);text-transform:uppercase;font-size:13px;letter-spacing:1px;margin-bottom:10px;}
.hero{padding:90px 0 70px;}
.hero h1{font-size:40px;margin-bottom:20px;}
.hero p{color:var(--muted);margin-bottom:20px;}
.badges{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px;}
.badge{background:#1c2a44;padding:8px 12px;border-radius:20px;font-size:13px;}
.section h2{font-size:30px;margin-bottom:16px;}
.section p{color:var(--muted);}
.list{margin-top:15px;padding-left:20px;}
.list li{margin-bottom:8px;color:var(--muted);}
.faq-item{margin-bottom:16px;}
.faq-item h4{color:var(--accent);margin-bottom:6px;}
form{display:grid;gap:15px;margin-top:20px;}
input, textarea{
  width:100%;
  padding:12px;
  border-radius:6px;
  border:1px solid #2a3b5c;
  background:#0f1728;
  color:var(--text);
}
textarea{min-height:120px;}
footer{
  background:#0a111f;
  padding:40px 0;
  border-top:1px solid #1c2a44;
}
.footer-inner{display:grid;gap:30px;}
.footer-logo img{height:100px;}
.footer-menus{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.footer-menus ul{list-style:none;}
.footer-menus li{margin-bottom:8px;}
.footer-note{color:var(--muted);font-size:14px;}
.cookie-banner{
  position:fixed;bottom:0;left:0;right:0;
  background:#111a2b;
  color:var(--text);
  padding:16px;
  display:none;
  border-top:1px solid #223355;
}
.cookie-banner .cookie-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.cookie-banner button{background:var(--accent);border:none;padding:10px 16px;border-radius:6px;cursor:pointer;color:#1b1b1b;}
/* Burger menu */
#nav-toggle{display:none;}
.nav-toggle-label{display:none;cursor:pointer;}
.nav-toggle-label span{display:block;width:26px;height:2px;background:var(--text);margin:6px 0;}
@media (max-width:900px){
  nav ul{display:none;}
  .nav-toggle-label{display:block;}
  #nav-toggle:checked + .nav-toggle-label + nav ul{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:var(--bg);
    padding:80px 30px;
    gap:20px;
    z-index:999;
  }
  #nav-toggle:checked + .nav-toggle-label:after{
    content:"✕";
    position:fixed;
    top:20px;right:20px;
    font-size:28px;
    color:var(--text);
  }
  .grid-2,.grid-3{grid-template-columns:1fr;}
  .hero h1{font-size:32px;}
  .cookie-banner .cookie-inner{flex-direction:column;align-items:flex-start;}
}
@media (max-width:480px){
  .hero{padding:70px 0 50px;}
  .section{padding:55px 0;}
}