:root{
  --bg:#0b132b;
  --bg-alt:#111a3a;
  --accent:#3a86ff;
  --text:#ffffff;
  --muted:#cbd5e1;
}

body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);}
.container{max-width:1100px;margin:auto;padding:0 1rem;}
.header{position:sticky;top:0;background:rgba(11,19,43,.95);z-index:10;}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px;}
.logo{font-weight:700;}
nav a{color:white;margin-left:1.2rem;text-decoration:none;}
nav a:hover{color:var(--accent);}
.burger{display:none;font-size:1.8rem;background:none;border:none;color:white;}
.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.hero h1{font-size:3rem;margin:0;}
.btn{display:inline-block;background:var(--accent);color:white;padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;margin-top:1rem;}
.section{padding:4rem 1rem;max-width:900px;margin:auto;}
.section.alt{background:var(--bg-alt);}
.section.small{font-size:.95rem;}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;}
.video-card{background:rgba(255,255,255,0.05);padding:1rem;border-radius:16px;}
iframe{width:100%;height:300px;border:none;border-radius:12px;}
footer{text-align:center;padding:2rem;color:var(--muted);}
.social-icons a{color:var(--accent);margin:0 0.5rem;text-decoration:none;}
#cookie-banner{position:fixed;bottom:0;width:100%;background:#000c;display:flex;justify-content:center;gap:1rem;padding:1rem;}
#cookie-banner button{background:var(--accent);border:none;color:white;padding:.5rem 1rem;border-radius:20px;}
@media(max-width:768px){
  nav{display:none;flex-direction:column;position:absolute;top:64px;right:0;background:#0b132b;padding:1rem;}
  nav.show{display:flex;}
  .burger{display:block;}
  .hero h1{font-size:2.2rem;}
  .video-grid{grid-template-columns:1fr;}
}