@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&family=Inter:wght@300;400;600;800&display=swap');

:root{
  --bg:#0b0f14;
  --panel:#0e131a;
  --txt:#e6f7ff;
  --muted:#9adfff;
  --neon:#00f0ff;
  --neon2:#ff00e6;
  --accent:#12ffa6;
  --shadow:0 0 24px rgba(0,240,255,.25), 0 0 48px rgba(255,0,230,.12);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 20% 10%, rgba(0,240,255,.08), transparent 60%), radial-gradient(1000px 700px at 80% 80%, rgba(255,0,230,.08), transparent 60%), var(--bg);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;text-align:center}
img{display:block;margin:0 auto;border-radius:12px}
a{color:var(--neon);text-decoration:none}
a:hover{color:var(--accent);text-shadow:0 0 8px rgba(0,240,255,.6)}
h1,h2,h3,h4{font-family:Orbitron,Inter,sans-serif;letter-spacing:.5px;margin:12px 0 8px}
.subtitle{color:var(--muted);margin-top:0}

.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(180deg, rgba(14,19,26,.9), rgba(14,19,26,.6));backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,240,255,.12)}
.brand .logo{display:flex;gap:10px;align-items:center;font-weight:800}
.brand .logo img{box-shadow:var(--shadow)}
.navbar{display:flex;gap:10px}
.nav-link{padding:10px 14px;border-radius:999px;border:1px solid rgba(0,240,255,.2);transition:.2s}
.nav-link:hover{background:rgba(0,240,255,.08)}
.nav-link.active{background:linear-gradient(90deg, rgba(0,240,255,.18), rgba(255,0,230,.18));border-color:transparent;box-shadow:var(--shadow)}

.hero{padding:36px 16px}
.hero-content{max-width:900px;margin:0 auto}
.cta-group{display:flex;gap:12px;justify-content:center;margin-top:10px}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid rgba(0,240,255,.3);background:rgba(14,19,26,.6);color:var(--txt);box-shadow:var(--shadow);transition:.2s;font-weight:700}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg, var(--neon), var(--neon2));color:#001014;border:none}
.btn-secondary{background:linear-gradient(90deg, #05f,#0fa);color:#001014;border:none}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}
.btn-link{display:inline-block;padding:8px 12px}
.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(0,240,255,.12);margin:6px;border:1px solid rgba(0,240,255,.2)}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1100px;margin:28px auto}
.card{background:linear-gradient(180deg, rgba(255,0,230,.06), rgba(0,240,255,.06));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.card-img{width:100%;height:auto}

.container{max-width:1100px;margin:0 auto;padding:24px 16px}
.post-featured{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.more-posts{margin-top:20px}

.contact-strip{max-width:900px;margin:24px auto;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:var(--radius)}
.socials{display:flex;gap:14px;justify-content:center;margin-top:8px}
.social{display:inline-flex;padding:10px;border-radius:12px;border:1px solid rgba(0,240,255,.2);background:rgba(255,255,255,.03)}
.social:hover{background:rgba(0,240,255,.12)}

.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1100px;margin:20px auto}
.contact-form{max-width:720px;margin:20px auto;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}
.form-row{margin:10px 0}
input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0c1219;color:var(--txt)}
input::placeholder,textarea::placeholder{color:#bfefff}

.post-container{max-width:900px;margin:0 auto;padding:24px 16px}
.post-img{width:100%;height:auto;margin-bottom:12px}
.post-body p{margin:12px 0}

.post-nav{display:flex;gap:12px;justify-content:center;margin-top:16px}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1100px;margin:18px auto}
.team-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}
.team-card img{width:100%;height:auto;max-width:400px;max-height:400px;object-fit:cover}

.site-footer{padding:20px;border-top:1px solid rgba(255,255,255,.12);background:rgba(14,19,26,.6);backdrop-filter:blur(8px)}
.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.footer-link{padding:8px 12px;border-radius:10px;background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.2)}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;transform:translateY(110%);transition:.3s;background:rgba(14,19,26,.9);border-top:1px solid rgba(0,240,255,.2);z-index:100}
.cookie-banner.show{transform:translateY(0)}
.cookie-inner{max-width:1100px;margin:0 auto;padding:14px 16px}
.cookie-actions{display:flex;gap:8px;justify-content:center;margin:6px 0}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:120}
.modal.show{display:flex}
.modal-content{background:#0f1520;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;min-width:280px;max-width:520px;box-shadow:var(--shadow)}
.switches{display:flex;gap:16px;justify-content:center;margin:10px 0}

[data-tooltip]{position:relative}
[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 8px);background:#05141a;color:#bfefff;padding:6px 10px;border-radius:8px;border:1px solid rgba(0,240,255,.3);white-space:nowrap;font-size:12px;box-shadow:var(--shadow)}