:root{
  --bg:#0b1020;
  --bg-soft:#121833;
  --text:#e6e9f2;
  --muted:#a9afc6;
  --primary:#4da3ff;
  --primary-2:#7cc3ff;
  --accent:#9b5cff;
  --card:#0f1630;
  --border:rgba(255,255,255,.08);
  --success:#3ddc97;
  --danger:#ff5c7a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#080d1a 0%,#0b1020 100%);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial}
img{max-width:100%;display:block;border-radius:16px}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-2)}
h1,h2,h3,h4{margin:0 0 .5rem}
p{margin:.5rem 0 1rem}
.muted{color:var(--muted)}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-weight:600}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border:0}
.btn.ghost{background:transparent;border:1px solid var(--border)}
.btn.link{padding:0;border:0;background:none;color:var(--primary);font-weight:700}

.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:rgba(12,18,42,.6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--text)}
.nav-toggle{border:0;background:transparent;padding:.4rem;display:none;flex-direction:column;gap:.3rem}
.nav-toggle span{width:26px;height:2px;background:var(--text);border-radius:2px}
.navbar ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.navbar a{padding:.5rem .8rem;border-radius:10px}
.navbar a.active,.navbar a:hover{background:rgba(255,255,255,.06)}

.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:3rem 1rem;max-width:1200px;margin:0 auto}
.hero-text h1{font-size:2.2rem}
.cta-group{display:flex;gap:1rem;margin-top:1rem}
.hero-media img{aspect-ratio:16/9;object-fit:cover}

.page-hero{padding:2.2rem 1rem;max-width:1100px;margin:0 auto}
.page-hero h1{font-size:2rem}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;margin:0 auto;padding:1rem}
.feature{background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1rem}
.feature .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(80% 80% at 50% 20%,rgba(77,163,255,.25),rgba(155,92,255,.15));color:var(--primary)}

.latest,.more-posts{max-width:1100px;margin:0 auto;padding:1rem}
.post-card{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:center;background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1rem}
.post-links{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.post-links a{display:inline-flex;align-items:center;gap:.4rem}
.post-links a::after{content:"→";opacity:.7}

.post-main{max-width:1100px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:2fr .9fr;gap:2rem}
.post-content{background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1.2rem}
.post-aside{background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1.2rem;height:fit-content}

.team-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem}
.team-card{background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1rem;text-align:center}
.team-photo{object-fit:cover}

.contact-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}
.contact-card{background:linear-gradient(180deg,#0e1533,#0c1530);border:1px solid var(--border);border-radius:16px;padding:1rem}
.field{display:grid;gap:.3rem;margin-bottom:.8rem}
input,textarea{border:1px solid var(--border);background:#0d1430;color:var(--text);border-radius:10px;padding:.7rem}
input:focus,textarea:focus{outline:2px solid rgba(77,163,255,.4)}

.countdown-section{max-width:1100px;margin:0 auto;padding:1rem}
.countdown{display:flex;gap:.8rem}
.countdown>div{background:#0d1430;border:1px solid var(--border);padding:.8rem 1rem;border-radius:12px;text-align:center;min-width:86px}
.countdown span{font-size:1.4rem;font-weight:800;display:block}

.site-footer{border-top:1px solid var(--border);background:rgba(8,12,28,.6);margin-top:2rem}
.footer-grid{max-width:1100px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1rem}
.brand-inline{display:flex;align-items:center;gap:.6rem}
.socials{display:flex;gap:.6rem}
.legal-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.legal-links a{color:var(--text);opacity:.8}
.legal-links a:hover{opacity:1;color:var(--primary)}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#0e1430;border-top:1px solid var(--border);display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1rem;z-index:60}
.cookie-text p{margin:.4rem 0 0;color:var(--muted)}
.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:70}
.cookie-modal[aria-hidden="false"]{display:flex}
.cookie-modal-box{background:#0f1630;border:1px solid var(--border);border-radius:16px;max-width:420px;width:92%;padding:1rem}
.cookie-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.6rem}
.switch{display:inline-flex;align-items:center;gap:.6rem;margin:.6rem 0}
.switch input{appearance:none;width:0;height:0}
.switch span{display:inline-block;width:46px;height:26px;background:#2a3255;border-radius:26px;position:relative}
.switch span::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.2s}
.switch input:checked+span{background:linear-gradient(90deg,var(--primary),var(--accent))}
.switch input:checked+span::after{transform:translateX(20px)}

.fancy-frame{border-radius:18px;border:2px solid transparent;background:linear-gradient(#0e1533,#0e1533) padding-box,linear-gradient(135deg,var(--primary),var(--accent)) border-box;box-shadow:0 10px 30px rgba(77,163,255,.15),inset 0 0 0 1px rgba(255,255,255,.05)}

@media (max-width:1000px){
  .hero{grid-template-columns:1fr}
  .post-card{grid-template-columns:1fr}
  .post-main{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .features{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .nav-toggle{display:flex}
  .navbar{position:absolute;left:0;right:0;top:64px;background:#0e1430;border-bottom:1px solid var(--border);display:none}
  .navbar.open{display:block}
  .navbar ul{display:grid}
}