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

*{margin:0;padding:0;box-sizing:border-box}
:root{--indigo:#6366f1;--indigo-dark:#4f46e5;--sky:#0ea5e9;--zinc-900:#18181b;--zinc-800:#27272a;--zinc-100:#f4f4f5;--zinc-400:#a1a1aa}
body{font-family:'Open Sans',sans-serif;background:var(--zinc-900);color:var(--zinc-100);line-height:1.7}
.top-bar{position:fixed;width:100%;top:0;background:rgba(24,24,27,.92);backdrop-filter:blur(12px);z-index:1000;padding:14px 0;border-bottom:1px solid rgba(99,102,241,.2)}
.top-bar-inner{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--indigo);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--indigo),var(--sky));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;font-weight:800}
.main-nav{display:flex;list-style:none;gap:32px}
.main-nav a{color:var(--zinc-400);text-decoration:none;font-weight:500;transition:color .2s}
.main-nav a:hover{color:var(--indigo)}
.nav-btn{display:none;cursor:pointer;flex-direction:column;gap:5px}
.nav-btn span{width:26px;height:2px;background:var(--indigo)}
.hero-section{min-height:100vh;background:linear-gradient(135deg,var(--zinc-900) 0%,var(--zinc-800) 100%);padding:130px 20px 80px;display:flex;align-items:center}
.hero-container{max-width:1300px;margin:0 auto;text-align:center}
.hero-container h1{font-family:'Montserrat',sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:22px}
.hero-container h1 span{background:linear-gradient(90deg,var(--indigo),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-container p{font-size:1.2rem;color:var(--zinc-400);max-width:650px;margin:0 auto 35px}
.cta-btn{display:inline-block;padding:16px 45px;background:linear-gradient(90deg,var(--indigo),var(--sky));color:white;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:700;border-radius:10px;transition:all .2s}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(99,102,241,.3)}
.info-boxes{display:flex;justify-content:center;gap:25px;margin-top:55px;flex-wrap:wrap}
.info-box{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);padding:25px 30px;border-radius:14px;min-width:200px}
.info-box .icon{font-size:2rem;margin-bottom:10px}
.info-box h3{font-family:'Montserrat',sans-serif;font-size:1rem;color:var(--indigo);margin-bottom:5px}
.info-box p{font-size:.85rem;color:var(--zinc-400)}
.game-block{background:var(--zinc-800);padding:80px 20px}
.block-title{font-family:'Montserrat',sans-serif;font-size:2rem;text-align:center;color:var(--zinc-100);margin-bottom:40px}
.game-wrapper{max-width:1000px;margin:0 auto;background:var(--zinc-900);padding:16px;border-radius:16px;border:2px solid rgba(99,102,241,.4)}
.game-wrapper iframe{width:100%;height:550px;border:none;border-radius:10px}
.about-block{background:var(--zinc-900);padding:100px 20px}
.about-wrapper{max-width:850px;margin:0 auto;text-align:center}
.about-wrapper h2{font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,var(--indigo),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px}
.about-wrapper p{color:var(--zinc-400);font-size:1.05rem;margin-bottom:20px}
.page-banner{background:linear-gradient(135deg,var(--zinc-900),var(--zinc-800));padding:150px 20px 80px;text-align:center}
.page-banner h1{font-family:'Montserrat',sans-serif;font-size:2.8rem;font-weight:800;color:var(--indigo);margin-bottom:10px}
.page-banner p{color:var(--zinc-400)}
.text-section{background:var(--zinc-800);padding:70px 20px}
.text-wrapper{max-width:850px;margin:0 auto}
.text-wrapper h2{font-family:'Montserrat',sans-serif;font-size:1.4rem;color:var(--indigo);margin:35px 0 15px}
.text-wrapper h2:first-child{margin-top:0}
.text-wrapper p{color:var(--zinc-400);margin-bottom:15px}
.text-wrapper ul{margin:15px 0 20px 20px}
.text-wrapper li{color:var(--zinc-400);margin-bottom:10px}
.site-bottom{background:var(--zinc-900);padding:60px 20px;border-top:1px solid rgba(99,102,241,.15)}
.bottom-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.bottom-brand p{color:var(--zinc-400);font-size:.9rem;margin-top:15px}
.bottom-links h4{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--indigo);margin-bottom:15px}
.bottom-links ul{list-style:none}
.bottom-links a{color:var(--zinc-400);text-decoration:none;font-size:.9rem;display:block;margin-bottom:10px;transition:color .2s}
.bottom-links a:hover{color:var(--sky)}
.bottom-copy{max-width:1100px;margin:40px auto 0;padding-top:25px;border-top:1px solid rgba(99,102,241,.1);text-align:center;color:var(--zinc-400);font-size:.85rem;opacity:.6}
.verify-modal{position:fixed;inset:0;background:rgba(24,24,27,.97);display:grid;place-items:center;z-index:10000}
.verify-box{background:var(--zinc-800);border:2px solid var(--indigo);padding:45px;border-radius:18px;text-align:center;max-width:420px;margin:20px}
.verify-box .icon{font-size:4rem;margin-bottom:18px}
.verify-box h2{font-family:'Montserrat',sans-serif;font-size:1.7rem;color:var(--indigo);margin-bottom:15px}
.verify-box p{color:var(--zinc-400);margin-bottom:25px}
.verify-btns{display:flex;gap:12px;justify-content:center}
.btn-accept,.btn-decline{padding:14px 35px;border:none;border-radius:10px;font-family:'Open Sans',sans-serif;font-weight:600;cursor:pointer;transition:transform .2s}
.btn-accept{background:linear-gradient(90deg,var(--indigo),var(--sky));color:white}
.btn-decline{background:transparent;border:2px solid var(--zinc-400);color:var(--zinc-400)}
.btn-accept:hover,.btn-decline:hover{transform:scale(1.03)}
.hidden{display:none!important}
@media(max-width:1024px){.bottom-grid{grid-template-columns:1fr;text-align:center}}
@media(max-width:768px){.nav-btn{display:flex}.main-nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--zinc-800);flex-direction:column;padding:80px 25px;gap:20px;transition:right .3s}.main-nav.open{right:0}.hero-container h1{font-size:2.4rem}.info-boxes{flex-direction:column;align-items:center}.game-wrapper iframe{height:380px}.page-banner h1{font-size:2.2rem}.verify-box{padding:30px 20px}.verify-btns{flex-direction:column}}