:root{
  --bg:#0b0f1a;
  --card:#121829;
  --muted:#8da2c0;
  --text:#eaf1ff;
  --accent:#4cc9f0;
  --accent-2:#4361ee;
  --ok:#2dc653;
  --warn:#ffb703;
  --danger:#ef476f;
  --shadow:0 10px 30px rgba(0,0,0,.3);
  --radius:14px;
  --radius-sm:10px;
  --radius-xs:6px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b0f1a,#0b1630);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{color:#88e1ff}
img{max-width:100%;display:block}
.logo{width:36px;height:36px;border-radius:50%;object-fit:cover}
.logo.small{width:28px;height:28px}
.btn{display:inline-block;background:var(--card);border:1px solid rgba(255,255,255,.08);color:var(--text);padding:.7rem 1rem;border-radius:var(--radius-xs);transition:.2s;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2)}
.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;color:#021024}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.25)}
.btn.small{padding:.45rem .75rem;font-size:.9rem}

.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);background:rgba(11,15,26,.6)}
.brand{display:flex;gap:.6rem;align-items:center;color:var(--text)}
.nav-toggle{display:none;background:transparent;border:0;color:var(--text);padding:.35rem}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;border-radius:2px}
.navbar{display:flex;gap:1rem}
.navbar a{padding:.5rem .7rem;border-radius:10px;color:var(--text)}
.navbar a.active,.navbar a:hover{background:rgba(255,255,255,.08)}

.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:2rem 1rem;max-width:1200px;margin:0 auto}
.hero-img{border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover;height:380px}
.hero-content h1{font-size:2.2rem;margin:.2rem 0 1rem}
.hero-cta{display:flex;gap:.8rem}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:2rem auto;padding:0 1rem}
.feature{background:var(--card);padding:1.2rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}

.facts{max-width:1200px;margin:2rem auto;padding:0 1rem}
.facts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}
.fact{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.8rem}

.highlight{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;max-width:1200px;margin:2rem auto;padding:0 1rem}
.highlight-img{border-radius:var(--radius-sm);box-shadow:var(--shadow)}
.highlight .btn{margin-top:.4rem}

.page-hero{position:relative;max-width:1200px;margin:0 auto;padding:1rem}
.page-hero .hero-img{height:220px;width:100%;object-fit:cover;border-radius:var(--radius)}
.page-hero-content{position:absolute;left:2rem;bottom:1.8rem;background:rgba(0,0,0,.45);backdrop-filter:blur(5px);padding:1rem;border-radius:var(--radius-sm);max-width:70%}

.blog-list.one-only{max-width:1000px;margin:1rem auto;padding:0 1rem}
.post-card{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);overflow:hidden}
.post-card .post-cover{height:220px;width:100%;object-fit:cover}
.post-card .post-body{padding:1rem}

.more-links{max-width:1000px;margin:1.5rem auto;padding:0 1rem}
.more-links ul{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.more-links a{display:block;background:rgba(255,255,255,.06);padding:.7rem;border-radius:10px}

.post{max-width:900px;margin:1rem auto 3rem;padding:0 1rem}
.post-hero{height:300px;width:100%;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow)}
.post h1{margin:1rem 0}
.post-meta{color:var(--muted)}
.post-content h2{margin-top:1.2rem}
.post-content p{color:#d7e3ff}
.post-nav{display:flex;gap:.5rem;margin-top:1.5rem}

.team-grid{max-width:1200px;margin:2rem auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:0 1rem}
.team-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:1rem;text-align:center}
.team-card img{border-radius:12px;height:220px;width:100%;object-fit:cover}

.cta-wide{max-width:1000px;margin:2rem auto;background:linear-gradient(135deg,rgba(67,97,238,.2),rgba(76,201,240,.2));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.4rem;text-align:center}

.contact-grid{max-width:1000px;margin:1.5rem auto;display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;padding:0 1rem}
.contact-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:1rem}
.contact-form{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:1rem}
.field{display:flex;flex-direction:column;margin-bottom:.8rem}
label{color:#cfe2ff;margin-bottom:.3rem}
input,textarea{background:#0d152b;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);padding:.7rem}
input:focus,textarea:focus{outline:2px solid var(--accent)}

.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding:1rem 1rem;margin-top:2rem;background:rgba(11,15,26,.6);backdrop-filter:blur(6px)}
.footer-links a{margin-right:.6rem;color:#cfe2ff}
.footer-links a:hover{color:#fff}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);margin-right:.4rem}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);padding:.8rem;border-top:1px solid rgba(255,255,255,.2);display:none;z-index:100}
.cookie-content{max-width:1200px;margin:0 auto;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-actions .link{margin-right:.6rem}
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:101}
.cookie-modal-inner{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem;width:min(420px,92%)}
.switch{display:flex;align-items:center;gap:.6rem;margin:.5rem 0}
.switch input{width:18px;height:18px}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:120}
.modal-inner{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem;width:min(420px,92%);text-align:center}

@media (max-width: 980px){
  .hero{grid-template-columns:1fr}
  .hero-img{height:260px}
  .features{grid-template-columns:1fr}
  .highlight{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .post-card{grid-template-columns:1fr}
  .more-links ul{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr}
  .page-hero-content{position:static;background:transparent;padding:0;max-width:100%;margin-top:.8rem}
  .nav-toggle{display:block}
  .navbar{position:absolute;top:60px;right:10px;background:rgba(11,15,26,.95);border:1px solid rgba(255,255,255,.1);border-radius:10px;display:none;flex-direction:column;min-width:200px}
  .navbar.show{display:flex}
}