@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik:wght@300;400;500;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{--lime:#84cc16;--lime-dk:#65a30d;--base:#111111;--base-alt:#1a1a1a;--white:#f5f5f5;--gray:#737373}
body{font-family:'Rubik',sans-serif;background:var(--base);color:var(--white);font-size:16px;line-height:1.7}
.hdr{position:fixed;top:0;width:100%;z-index:1000;background:rgba(17,17,17,0.96);border-bottom:1px solid rgba(132,204,22,0.2)}
.hdr-in{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px 22px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-hex{width:36px;height:36px;background:var(--lime);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--base);font-size:1.1rem}
.logo-txt{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--lime);letter-spacing:2px}
.menu{display:flex;gap:25px}
.menu a{color:var(--gray);text-decoration:none;font-weight:500;transition:color 0.2s}
.menu a:hover{color:var(--lime)}
.burg{display:none;flex-direction:column;gap:4px;cursor:pointer}
.burg span{width:22px;height:2px;background:var(--lime)}
.main-sec{min-height:100vh;display:flex;align-items:center;padding:110px 22px 60px;background:radial-gradient(circle at 70% 30%,rgba(132,204,22,0.08) 0%,transparent 45%),var(--base)}
.main-box{max-width:1100px;margin:0 auto;text-align:center}
.main-box h1{font-family:'Bebas Neue',sans-serif;font-size:4rem;letter-spacing:4px;margin-bottom:20px}
.main-box h1 span{color:var(--lime)}
.main-box p{color:var(--gray);font-size:1.1rem;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}
.btn{display:inline-block;padding:14px 38px;background:var(--lime);color:var(--base);text-decoration:none;font-weight:600;transition:all 0.2s}
.btn:hover{background:var(--lime-dk)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:55px 22px;max-width:1000px;margin:0 auto}
.tile{background:var(--base-alt);border:1px solid rgba(132,204,22,0.15);padding:28px 20px;text-align:center}
.tile .icon{font-size:2rem;margin-bottom:10px}
.tile h3{font-family:'Bebas Neue',sans-serif;color:var(--lime);letter-spacing:1px;margin-bottom:6px}
.tile p{color:var(--gray);font-size:0.9rem}
.game-sec{padding:65px 22px;background:var(--base-alt)}
.game-sec h2{font-family:'Bebas Neue',sans-serif;text-align:center;color:var(--lime);font-size:2rem;letter-spacing:2px;margin-bottom:30px}
.game-frm{max-width:950px;margin:0 auto;background:var(--base);border:2px solid rgba(132,204,22,0.2)}
.game-frm iframe{width:100%;height:560px;border:none;display:block}
.abt{padding:60px 22px;max-width:750px;margin:0 auto}
.abt h2{font-family:'Bebas Neue',sans-serif;color:var(--lime);text-align:center;margin-bottom:22px;letter-spacing:2px;font-size:1.8rem}
.abt p{color:var(--gray);margin-bottom:16px}
.ftr{background:var(--base-alt);padding:40px 22px 18px;border-top:1px solid rgba(132,204,22,0.15)}
.ftr-grid{max-width:950px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ftr-col h4{font-family:'Bebas Neue',sans-serif;color:var(--lime);letter-spacing:1px;margin-bottom:14px}
.ftr-col ul{list-style:none}
.ftr-col li{margin-bottom:6px}
.ftr-col a{color:var(--gray);text-decoration:none;transition:color 0.2s}
.ftr-col a:hover{color:var(--lime)}
.ftr-btm{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid rgba(132,204,22,0.1);color:var(--gray);font-size:0.8rem}
.age-pop{position:fixed;inset:0;background:rgba(0,0,0,0.98);display:flex;align-items:center;justify-content:center;z-index:9999}
.age-pop.hidden{display:none}
.age-bx{background:var(--base-alt);border:2px solid var(--lime);padding:38px 28px;max-width:420px;text-align:center;margin:18px}
.age-bx h2{font-family:'Bebas Neue',sans-serif;color:var(--lime);letter-spacing:2px;margin-bottom:14px;font-size:1.6rem}
.age-bx p{color:var(--gray);margin-bottom:22px}
.age-btns{display:flex;gap:12px;justify-content:center}
.age-btn{padding:11px 30px;font-weight:600;cursor:pointer;border:none;transition:0.2s}
.age-btn.y{background:var(--lime);color:var(--base)}
.age-btn.n{background:transparent;border:2px solid var(--gray);color:var(--gray)}
.pg-hd{padding:110px 22px 40px;background:var(--base-alt);text-align:center}
.pg-hd h1{font-family:'Bebas Neue',sans-serif;color:var(--lime);font-size:2.2rem;letter-spacing:2px}
.pg-cnt{padding:40px 22px;max-width:750px;margin:0 auto}
.pg-cnt h2{font-family:'Bebas Neue',sans-serif;color:var(--lime);letter-spacing:1px;margin:32px 0 10px;font-size:1.3rem}
.pg-cnt p{color:var(--gray);margin-bottom:14px;line-height:1.8}
.pg-cnt ul{margin:12px 0 12px 20px;color:var(--gray)}
.pg-cnt li{margin-bottom:5px}
@media(max-width:992px){.tiles,.ftr-grid{grid-template-columns:1fr}}
@media(max-width:768px){.burg{display:flex}.menu{position:absolute;top:100%;left:0;right:0;background:var(--base);flex-direction:column;padding:16px;gap:12px;display:none}.menu.on{display:flex}.main-box h1{font-size:2.5rem}.game-frm iframe{height:400px}.age-btns{flex-direction:column}}