/* Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',system-ui,sans-serif;font-weight:400;line-height:1.6;color:#fff;background:#042f2e;overflow-x:hidden;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
a{text-decoration:none;color:inherit;}

/* CSS Variables */
:root{
  --primary:#06b6d4;
  --primary-glow:rgba(6,182,212,0.5);
  --secondary:#0891b2;
  --accent:#67e8f9;
  --accent-glow:rgba(103,232,249,0.3);
  --bg-from:#042f2e;
  --bg-via:#134e4a;
  --bg-to:#021716;
  --card-bg:rgba(19,78,74,0.6);
  --card-border:rgba(6,182,212,0.25);
  --font-heading:'Poppins',system-ui,sans-serif;
  --font-body:'Nunito',system-ui,sans-serif;
  --font-mono:'Roboto Mono',monospace;
  --radius:8px;
  --transition:0.4s ease-out;
}

/* Background & Layout */
body{background:linear-gradient(135deg,var(--bg-from),var(--bg-via),var(--bg-to));min-height:100vh;}
.body-1i4m-container{position:relative;z-index:1;}

/* Top Accent Bar */
.top-1i4m-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));z-index:9999;}

/* Floating Orbs */
.floating-1i4m-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;}
.floating-1i4m-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.15;animation:float-1i4m 20s infinite ease-in-out;}
.floating-1i4m-orb:nth-child(1){width:400px;height:400px;background:var(--primary);top:10%;left:10%;animation-delay:0s;}
.floating-1i4m-orb:nth-child(2){width:300px;height:300px;background:var(--accent);top:60%;right:10%;animation-delay:5s;}
.floating-1i4m-orb:nth-child(3){width:350px;height:350px;background:var(--secondary);bottom:10%;left:50%;animation-delay:10s;}

@keyframes float-1i4m{0%,100%{transform:translateY(0px) translateX(0px);}50%{transform:translateY(-30px) translateX(20px);}}

/* Grid Overlay */
.grid-1i4m-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(6,182,212,0.03) 0px,transparent 1px,transparent 40px,rgba(6,182,212,0.03) 41px),repeating-linear-gradient(90deg,rgba(6,182,212,0.03) 0px,transparent 1px,transparent 40px,rgba(6,182,212,0.03) 41px);z-index:0;pointer-events:none;}

/* Container */
.container-1i4m{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header */
.header-1i4m{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,47,46,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);transition:var(--transition);}
.nav-1i4m{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:1200px;margin:0 auto;}
.logo-1i4m{font-family:var(--font-heading);font-weight:600;font-size:1.5rem;color:var(--accent);display:flex;align-items:center;gap:8px;}
.nav-1i4m-links{display:flex;align-items:center;gap:32px;}
.nav-1i4m-link{font-size:0.95rem;transition:var(--transition);position:relative;}
.nav-1i4m-link:hover{color:var(--accent);}
.nav-1i4m-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:var(--transition);}
.nav-1i4m-link:hover::after{width:100%;}
.age-badge-1i4m{background:var(--primary);color:#000;font-weight:700;padding:6px 12px;border-radius:var(--radius);font-size:0.9rem;border:2px solid var(--accent);}
.hamburger-1i4m{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;}
.hamburger-1i4m span{display:block;width:25px;height:3px;background:var(--accent);transition:var(--transition);}

/* Mobile Menu */
@media(max-width:768px){
  .nav-1i4m-links{position:fixed;top:70px;left:0;right:0;background:rgba(4,47,46,0.98);flex-direction:column;padding:32px 20px;gap:20px;transform:translateX(100%);transition:var(--transition);border-bottom:1px solid var(--card-border);}
  .nav-1i4m-links.active-1i4m{transform:translateX(0);}
  .hamburger-1i4m{display:flex;}
}

/* Age Modal */
.age-modal-1i4m{position:fixed;inset:0;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:var(--transition);}
.age-modal-1i4m.active-1i4m{opacity:1;pointer-events:all;}
.age-modal-content-1i4m{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);padding:48px 40px;max-width:500px;text-align:center;box-shadow:0 0 60px var(--primary-glow);}
.age-modal-icon-1i4m{font-size:4rem;margin-bottom:20px;}
.age-modal-content-1i4m h2{font-family:var(--font-heading);font-size:2rem;margin-bottom:16px;color:var(--accent);}
.age-modal-content-1i4m p{margin-bottom:32px;line-height:1.7;}
.age-modal-buttons-1i4m{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.age-modal-buttons-1i4m button{padding:14px 32px;border-radius:var(--radius);font-weight:600;transition:var(--transition);border:2px solid;}
.age-confirm-1i4m{background:var(--primary);border-color:var(--accent);color:#000;}
.age-confirm-1i4m:hover{background:var(--accent);transform:scale(1.03);box-shadow:0 0 20px var(--accent-glow);}
.age-exit-1i4m{background:transparent;border-color:var(--card-border);color:#fff;}
.age-exit-1i4m:hover{border-color:var(--accent);}

/* Hero */
.hero-1i4m{padding:140px 20px 80px;text-align:center;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;}
.hero-1i4m::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--primary-glow),transparent 70%);animation:pulse-1i4m 4s infinite ease-in-out;}
@keyframes pulse-1i4m{0%,100%{opacity:0.3;}50%{opacity:0.6;}}
.hero-content-1i4m{position:relative;z-index:2;max-width:800px;margin:0 auto;}
.hero-badge-1i4m{display:inline-flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-border);padding:8px 16px;border-radius:var(--radius);margin-bottom:24px;font-size:0.9rem;}
.hero-1i4m h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:24px;color:var(--accent);text-shadow:0 0 30px var(--accent-glow);}
.hero-1i4m p{font-size:1.2rem;margin-bottom:40px;opacity:0.9;line-height:1.7;}
.hero-cta-1i4m{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;}
.btn-1i4m{padding:16px 40px;border-radius:var(--radius);font-weight:600;transition:var(--transition);border:2px solid;font-size:1rem;position:relative;overflow:hidden;}
.btn-1i4m::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:var(--transition);}
.btn-1i4m:hover::before{transform:translateX(100%);}
.btn-primary-1i4m{background:var(--primary);border-color:var(--accent);color:#000;}
.btn-primary-1i4m:hover{background:var(--accent);transform:scale(1.03);box-shadow:0 0 30px var(--accent-glow);}
.btn-secondary-1i4m{background:transparent;border-color:var(--primary);color:#fff;}
.btn-secondary-1i4m:hover{background:var(--primary);color:#000;transform:scale(1.03);}
.hero-disclaimer-1i4m{font-size:0.85rem;opacity:0.7;}

/* Section */
.section-1i4m{padding:60px 20px;position:relative;}
.section-header-1i4m{text-align:center;margin-bottom:48px;}
.section-badge-1i4m{display:inline-flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-border);padding:6px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:0.85rem;}
.section-1i4m h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);margin-bottom:16px;color:var(--accent);}
.section-1i4m h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:12px;}

/* Wave Divider */
.wave-divider-1i4m{position:relative;height:40px;overflow:hidden;}
.wave-divider-1i4m svg{position:absolute;bottom:0;width:100%;height:40px;}

/* Games Grid */
.games-grid-1i4m{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px;}
.game-card-1i4m{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);position:relative;}
.game-card-1i4m::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:var(--transition);}
.game-card-1i4m:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--primary-glow);}
.game-card-1i4m:hover::before{opacity:1;}
.game-image-wrap-1i4m{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--bg-via),var(--bg-to));}
.game-image-wrap-1i4m img{width:100%;height:100%;object-fit:cover;}
.game-image-fallback-1i4m{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-heading);font-weight:600;color:var(--accent);padding:20px;text-align:center;}
.game-meta-1i4m{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:0.85rem;}
.game-category-1i4m{color:var(--accent);}
.game-card-1i4m h3{padding:0 16px 16px;font-size:1.1rem;}
.game-card-1i4m button{margin:0 16px 16px;width:calc(100% - 32px);padding:12px;background:transparent;border:2px solid var(--primary);color:var(--accent);border-radius:var(--radius);font-weight:600;transition:var(--transition);}
.game-card-1i4m button:hover{background:var(--primary);color:#000;transform:scale(1.03);}

/* Game Modal */
.game-modal-1i4m{position:fixed;inset:0;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:var(--transition);padding:20px;}
.game-modal-1i4m.active-1i4m{opacity:1;pointer-events:all;}
.modal-content-1i4m{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 60px var(--primary-glow);}
.modal-header-1i4m{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--card-border);}
.modal-header-1i4m h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--accent);display:flex;align-items:center;gap:12px;flex:1;}
.close-btn-1i4m{background:transparent;border:none;color:var(--accent);font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);}
.close-btn-1i4m:hover{color:#fff;transform:rotate(90deg);}
.modal-body-1i4m{flex:1;position:relative;min-height:500px;}
.game-iframe-1i4m{width:100%;height:100%;border:none;min-height:500px;}
.demo-unavailable-1i4m{display:flex;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;font-size:1.2rem;color:var(--accent);}

/* Features Grid */
.features-grid-1i4m{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.feature-card-1i4m{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:var(--transition);}
.feature-card-1i4m:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--accent-glow);}
.feature-icon-1i4m{font-size:3rem;margin-bottom:16px;}
.feature-card-1i4m h3{color:var(--accent);margin-bottom:12px;}

/* Timeline */
.timeline-1i4m{display:flex;flex-direction:column;gap:32px;max-width:800px;margin:0 auto;}
.timeline-item-1i4m{display:flex;gap:24px;align-items:flex-start;}
.timeline-icon-1i4m{font-size:2.5rem;flex-shrink:0;}
.timeline-content-1i4m{flex:1;}
.timeline-content-1i4m h3{color:var(--accent);margin-bottom:8px;}

/* Trust Block */
.trust-block-1i4m{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px;max-width:800px;margin:0 auto;}
.trust-list-1i4m{list-style:none;display:flex;flex-direction:column;gap:16px;}
.trust-list-1i4m li{display:flex;align-items:center;gap:12px;}
.trust-list-1i4m li::before{content:'✓';color:var(--accent);font-weight:700;font-size:1.5rem;}

/* CTA Band */
.cta-band-1i4m{background:linear-gradient(135deg,var(--secondary),var(--primary));padding:60px 20px;text-align:center;position:relative;overflow:hidden;}
.cta-band-1i4m::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px);}
.cta-band-content-1i4m{position:relative;z-index:2;max-width:700px;margin:0 auto;}
.cta-band-1i4m h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:16px;color:#000;}
.cta-band-1i4m p{font-size:1.1rem;margin-bottom:32px;color:#000;opacity:0.9;}

/* Responsible */
.responsible-1i4m{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);padding:48px;max-width:900px;margin:0 auto;text-align:center;}
.responsible-icon-1i4m{font-size:4rem;margin-bottom:20px;}
.responsible-1i4m h2{color:var(--accent);margin-bottom:24px;}
.responsible-links-1i4m{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;}
.responsible-links-1i4m a{padding:12px 24px;background:transparent;border:2px solid var(--primary);border-radius:var(--radius);transition:var(--transition);font-weight:600;}
.responsible-links-1i4m a:hover{background:var(--primary);color:#000;transform:scale(1.03);}

/* FAQ */
.faq-grid-1i4m{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1000px;margin:0 auto;}
.faq-item-1i4m{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;}
.faq-question-1i4m{font-family:var(--font-heading);font-weight:600;color:var(--accent);margin-bottom:12px;font-size:1.1rem;}
.faq-answer-1i4m{opacity:0.9;line-height:1.7;}

/* Footer */
.footer-1i4m{background:rgba(2,23,22,0.9);border-top:1px solid var(--card-border);padding:48px 20px 24px;text-align:center;}
.footer-logo-1i4m{font-family:var(--font-heading);font-size:1.8rem;color:var(--accent);margin-bottom:24px;font-weight:600;}
.footer-age-badge-1i4m{display:inline-flex;background:var(--primary);color:#000;font-weight:700;padding:16px 32px;border-radius:var(--radius);font-size:1.5rem;border:3px solid var(--accent);margin-bottom:24px;}
.footer-disclaimer-1i4m{max-width:800px;margin:0 auto 32px;opacity:0.9;line-height:1.7;}
.footer-links-1i4m{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;}
.footer-links-1i4m a{transition:var(--transition);}
.footer-links-1i4m a:hover{color:var(--accent);}
.footer-copyright-1i4m{opacity:0.7;font-size:0.9rem;}

/* Filter Buttons */
.filter-buttons-1i4m{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;}
.filter-btn-1i4m{padding:10px 20px;background:transparent;border:2px solid var(--card-border);border-radius:var(--radius);color:#fff;font-weight:600;transition:var(--transition);}
.filter-btn-1i4m:hover,.filter-btn-1i4m.active-1i4m{background:var(--primary);border-color:var(--accent);color:#000;}

/* Page Header */
.page-header-1i4m{padding:120px 20px 60px;text-align:center;}
.page-header-1i4m h1{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);color:var(--accent);margin-bottom:16px;}

/* Content Page */
.content-page-1i4m{padding:40px 20px;max-width:900px;margin:0 auto;}
.content-page-1i4m h2{font-family:var(--font-heading);color:var(--accent);margin:32px 0 16px;}
.content-page-1i4m h3{font-family:var(--font-heading);color:var(--accent);margin:24px 0 12px;font-size:1.3rem;}
.content-page-1i4m p{margin-bottom:16px;line-height:1.7;}
.content-page-1i4m ul{margin:16px 0 16px 32px;}
.content-page-1i4m li{margin-bottom:8px;}

/* Shimmer Effect */
@keyframes shimmer-1i4m{0%{background-position:-1000px 0;}100%{background-position:1000px 0;}}
.shimmer-1i4m{background:linear-gradient(90deg,transparent,rgba(103,232,249,0.1),transparent);background-size:1000px 100%;animation:shimmer-1i4m 3s infinite linear;}

/* Responsive */
@media(max-width:768px){
  .hero-1i4m{padding:120px 20px 60px;min-height:auto;}
  .section-1i4m{padding:40px 20px;}
  .games-grid-1i4m{grid-template-columns:1fr;}
  .faq-grid-1i4m{grid-template-columns:1fr;}
  .timeline-item-1i4m{flex-direction:column;text-align:center;}
  .modal-body-1i4m{min-height:400px;}
  .game-iframe-1i4m{min-height:400px;}
}