@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Open+Sans:wght@300;400;600&display=swap');

:root {
  --pink: #e83e8c;
  --violet: #7c3aed;
  --dark-bg: #12061e;
  --surface: #1c0f2e;
  --surface-light: #281646;
  --text: #e0d6ef;
  --text-dim: #9b8cb8;
  --gradient-main: linear-gradient(135deg, #e83e8c, #7c3aed);
  --gradient-bg: linear-gradient(160deg, #12061e 0%, #1c0f2e 40%, #200e3a 100%);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Open Sans',sans-serif;background:var(--dark-bg);color:var(--text);line-height:1.75;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Rajdhani',sans-serif;font-weight:700;}
a{color:var(--pink);text-decoration:none;transition:.3s;}
a:hover{color:#fff;}

/* HEADER */
.main-header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(18,6,30,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,62,140,.2);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;}
.logo-text{font-family:'Rajdhani',sans-serif;font-size:1.6rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.main-nav{display:flex;gap:1.8rem;list-style:none;}
.main-nav a{color:var(--text-dim);font-size:.82rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;}
.main-nav a:hover{color:var(--pink);}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--pink);margin:5px 0;border-radius:1px;transition:.3s;}

/* HERO - SPLIT LAYOUT */
.split-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--gradient-bg);padding-top:60px;}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem;}
.hero-left h1{font-size:3rem;line-height:1.15;margin-bottom:1.2rem;}
.hero-left h1 em{font-style:normal;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-left p{color:var(--text-dim);font-size:1rem;margin-bottom:2rem;max-width:480px;}
.btn-glow{display:inline-block;padding:14px 42px;background:var(--gradient-main);color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1rem;border-radius:60px;letter-spacing:1px;transition:.3s;box-shadow:0 0 30px rgba(232,62,140,.3);}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(232,62,140,.5);color:#fff;}
.hero-right{display:flex;align-items:center;justify-content:center;position:relative;}
.hero-visual{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,62,140,.3),rgba(124,58,237,.2),transparent);display:flex;align-items:center;justify-content:center;font-size:6rem;animation:pulse 4s infinite;}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}

/* BANNERS */
.warn-bar{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;background:var(--surface);padding:1.5rem 2rem;border-top:1px solid rgba(232,62,140,.15);border-bottom:1px solid rgba(232,62,140,.15);}
.warn-bar .wb-item{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-dim);}
.warn-bar .wb-icon{font-size:1.3rem;}

/* SECTIONS */
.sec{padding:70px 2.5rem;max-width:1200px;margin:0 auto;}
.sec h2{font-size:2.2rem;text-align:center;margin-bottom:.8rem;}
.sec h2 em{font-style:normal;color:var(--pink);}
.sec .lead{text-align:center;color:var(--text-dim);max-width:580px;margin:0 auto 2.5rem;}

/* GAME */
.game-container{max-width:940px;margin:0 auto 3rem;border-radius:14px;overflow:hidden;border:2px solid rgba(124,58,237,.3);box-shadow:0 0 40px rgba(124,58,237,.12);}
.game-container iframe{width:100%;height:580px;border:none;display:block;}

/* CARDS ROW */
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.crd{background:var(--surface);border-radius:12px;padding:2rem;border:1px solid rgba(232,62,140,.1);transition:.3s;}
.crd:hover{border-color:var(--pink);transform:translateY(-5px);}
.crd .crd-icon{font-size:2rem;margin-bottom:.8rem;}
.crd h3{font-size:1.1rem;margin-bottom:.5rem;}
.crd p{font-size:.87rem;color:var(--text-dim);}

/* CTA BOX */
.cta-box{background:var(--gradient-main);border-radius:16px;padding:3rem;text-align:center;margin:3rem auto;max-width:900px;}
.cta-box h2{color:#fff;margin-bottom:1rem;text-align:center;}
.cta-box p{color:rgba(255,255,255,.85);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;}
.btn-white{display:inline-block;padding:14px 42px;background:#fff;color:var(--violet);font-family:'Rajdhani',sans-serif;font-weight:700;border-radius:60px;transition:.3s;}
.btn-white:hover{background:rgba(255,255,255,.9);color:var(--violet);}

/* FOOTER */
footer.site-ft{background:var(--surface);border-top:1px solid rgba(232,62,140,.15);padding:2.5rem 2rem;text-align:center;}
.ft-nav{display:flex;justify-content:center;gap:1.8rem;flex-wrap:wrap;margin-bottom:1.2rem;}
.ft-nav a{color:var(--text-dim);font-size:.83rem;}
.ft-nav a:hover{color:var(--pink);}
.ft-note{color:#6b5a80;font-size:.78rem;}

/* AGE WALL */
.age-wall{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999;}
.age-wall.gone{display:none;}
.age-panel{background:var(--surface);border:2px solid var(--pink);border-radius:16px;padding:2.5rem;text-align:center;max-width:400px;width:90%;}
.age-panel h2{color:var(--pink);font-size:1.5rem;margin-bottom:1rem;}
.age-panel p{color:var(--text-dim);margin-bottom:1.8rem;font-size:.92rem;}
.age-actions{display:flex;gap:1rem;justify-content:center;}
.age-yes{padding:11px 32px;background:var(--gradient-main);color:#fff;border:none;cursor:pointer;border-radius:50px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.95rem;transition:.3s;}
.age-yes:hover{transform:scale(1.05);}
.age-no{padding:11px 32px;background:transparent;border:1px solid var(--text-dim);color:var(--text-dim);cursor:pointer;border-radius:50px;font-family:'Rajdhani',sans-serif;font-size:.95rem;transition:.3s;}
.age-no:hover{border-color:#f44;color:#f44;}

/* INNER */
.inner{max-width:880px;margin:0 auto;padding:110px 2rem 70px;}
.inner h1{font-size:2.5rem;margin-bottom:1.5rem;}
.inner h2{font-size:1.3rem;margin:2rem 0 .8rem;text-align:left;}
.inner p{color:var(--text-dim);margin-bottom:1rem;font-size:.94rem;}
.inner ul{margin:1rem 0 1rem 1.5rem;color:var(--text-dim);}
.inner li{margin-bottom:.5rem;}

@media(max-width:768px){
  .menu-toggle{display:block;}
  .main-nav{position:fixed;top:60px;right:-100%;width:70%;height:calc(100vh - 60px);background:rgba(18,6,30,.98);flex-direction:column;padding:2rem;transition:right .3s;}
  .main-nav.show{right:0;}
  .split-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:3rem;}
  .hero-left{padding:3rem 1.5rem;}
  .hero-left h1{font-size:2rem;}
  .hero-right{padding:0 1.5rem 2rem;}
  .hero-visual{width:200px;height:200px;font-size:4rem;}
  .cards-row{grid-template-columns:1fr;}
  .game-container iframe{height:380px;}
  .warn-bar{flex-direction:column;align-items:center;gap:.8rem;}
}
