:root{
  --bg:#0b0f17;
  --bg-2:#0f1420;
  --neon:#00e6ff;
  --neon-2:#9b5cff;
  --txt:#e6f2ff;
  --muted:#9bb0c6;
  --card:#121a27cc;
  --accent:#14f195;
  --danger:#ff4d6d;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 20% 0%,rgba(155,92,255,.2),transparent),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--txt);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block;border-radius:12px}
a{color:var(--neon);text-decoration:none}
a:hover{color:var(--neon-2)}
h1,h2,h3,h4{margin:0 0 .5rem}
p{color:var(--muted);line-height:1.6}

.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:rgba(10,14,24,.6);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:#fff}
.navbar{display:flex;align-items:center;gap:1rem}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:0;color:#fff}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
.nav-links a{padding:.4rem .8rem;border-radius:10px}
.nav-links a.active,.nav-links a:hover{background:linear-gradient(90deg,rgba(0,230,255,.15),rgba(155,92,255,.15));box-shadow:0 0 18px rgba(0,230,255,.25) inset}
.social{display:flex;gap:.5rem;color:var(--muted)}
.hero{position:relative}
.hero-bg{width:100%;height:auto;object-fit:cover;filter:saturate(120%) contrast(110%)}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem 6vw;background:linear-gradient(90deg,rgba(11,15,23,.9) 0%,rgba(11,15,23,.3) 60%,transparent)}
.cta-group{display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--neon),var(--neon-2));color:#0a0d14}
.btn-ghost{border-color:rgba(255,255,255,.2);color:#fff;background:transparent}
.btn-secondary{background:linear-gradient(90deg,#2bff88,#00d4ff);color:#071318}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 6vw}
.card{background:var(--card);padding:1.1rem;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(120deg,rgba(0,230,255,.2),rgba(155,92,255,.2));color:var(--neon)}
.neon{box-shadow:0 0 20px rgba(0,230,255,.35), 0 0 40px rgba(155,92,255,.25) inset}

.stats{padding:2rem 6vw}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{background:var(--card);padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);text-align:center}
.stat strong{font-size:1.6rem;color:#fff}
.stat-foot{margin-top:1rem;text-align:center}

.interview{padding:2rem 6vw}
.interview-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;background:linear-gradient(90deg,rgba(0,230,255,.08),rgba(155,92,255,.08));border-radius:18px;padding:1rem;border:1px solid rgba(255,255,255,.06)}

.blog-page{padding:2rem 6vw}
.post-card{background:var(--card);padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);display:block}
.post-card h3{margin-top:.6rem}
.post-card.xl{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:stretch}
.post-card .post-content{display:flex;flex-direction:column;gap:.6rem;justify-content:center}
.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.note{color:var(--muted);margin:.8rem 0}

.about-hero,.contact-hero{position:relative}
.about-hero .overlay,.contact-hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,23,.9),rgba(11,15,23,.2),transparent);padding:2rem 6vw;display:flex;flex-direction:column;justify-content:center}
.team-grid{padding:2rem 6vw;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.team-card{background:var(--card);padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);text-align:center}

.contact-page .contact-grid{padding:2rem 6vw;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-card{background:var(--card);padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.06)}
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}
input,textarea{background:#0c1220;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e7f1ff;padding:.8rem}
input:focus,textarea:focus{outline:2px solid var(--neon)}

.post-page{padding:2rem 6vw}
.post-article{max-width:900px;margin:0 auto}
.post-article h1{font-size:2rem;margin:.8rem 0}

.site-footer{padding:2rem 6vw;background:rgba(8,12,20,.7);border-top:1px solid rgba(255,255,255,.06);margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.footer-links a{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem 0}
.copy{text-align:center;color:var(--muted);margin-top:1rem}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,230,255,.08),rgba(155,92,255,.08));border-top:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;display:none;z-index:100}
.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:.8rem;max-width:1200px;margin:0 auto}
.cookie-actions{display:flex;gap:.6rem;flex-wrap:wrap}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:120;padding:1rem}
.modal-content{background:var(--bg-2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;max-width:420px;width:100%}
.switch{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}

@media (max-width:1120px){
  .features{grid-template-columns:1fr 1fr}
  .post-grid{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr 1fr 1fr}
  .post-card.xl{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .nav-toggle{display:flex}
  .nav-links{position:absolute;top:60px;right:8px;background:rgba(10,14,24,.94);flex-direction:column;padding:.8rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:none}
  .nav-links.show{display:flex}
  .cookie-content{flex-direction:column;align-items:flex-start}
  .features{grid-template-columns:1fr}
  .contact-page .contact-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}