/* CSS Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.6;color:#fff;background:linear-gradient(180deg,#1e1b4b 0%,#312e81 50%,#0f0a1a 100%);background-attachment:fixed;overflow-x:hidden;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;border:none;}
a{color:inherit;text-decoration:none;}
:root{--primary:#a855f7;--primary-glow:rgba(168,85,247,0.4);--secondary:#6366f1;--accent:#f472b6;--accent-glow:rgba(244,114,182,0.3);--bg-card:rgba(30,27,75,0.6);--border-card:rgba(168,85,247,0.2);--radius:20px;}

/* Age Modal */
.age-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.age-modal-overlay.active{opacity:1;pointer-events:all;}
.age-modal-box{background:var(--bg-card);backdrop-filter:blur(20px);border:2px solid var(--border-card);border-radius:var(--radius);padding:40px 30px;max-width:500px;text-align:center;box-shadow:0 0 40px var(--primary-glow);}
.age-modal-box .modal-icon{font-size:80px;margin-bottom:20px;}
.age-modal-box h2{font-size:32px;font-weight:700;margin-bottom:15px;color:var(--primary);}
.age-modal-box p{font-size:18px;margin-bottom:30px;opacity:0.9;}
.age-modal-buttons{display:flex;gap:15px;justify-content:center;}
.age-modal-buttons button{padding:15px 35px;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.2s ease-in-out;}
.age-modal-buttons .btn-confirm{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;}
.age-modal-buttons .btn-confirm:hover{transform:scale(1.01);box-shadow:0 0 20px var(--primary-glow);}
.age-modal-buttons .btn-exit{background:rgba(255,255,255,0.1);color:#fff;}
.age-modal-buttons .btn-exit:hover{background:rgba(255,255,255,0.2);}

/* Header */
.header-1a34{position:sticky;top:0;z-index:1000;background:rgba(30,27,75,0.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);}
.header-1a34 .top-accent-bar{height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary));width:100%;}
.nav-1a34{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;}
.logo-1a34{font-size:24px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;}
.nav-links-1a34{display:flex;gap:30px;align-items:center;}
.nav-links-1a34 a{font-size:16px;font-weight:500;transition:color 0.2s;}
.nav-links-1a34 a:hover{color:var(--primary);}
.age-badge{background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;padding:5px 12px;border-radius:50px;font-size:13px;font-weight:700;}
.hamburger-1a34{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger-1a34 span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all 0.3s;}
@media(max-width:768px){
.nav-links-1a34{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(30,27,75,0.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;transition:right 0.3s;}
.nav-links-1a34.active{right:0;}
.hamburger-1a34{display:flex;z-index:1001;}
}

/* Hero */
.hero-1a34{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background-image:url('images/ban.jpg');background-size:cover;background-position:center;overflow:hidden;}
.hero-1a34::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(30,27,75,0.95),rgba(49,46,129,0.9),rgba(15,10,26,0.95));z-index:1;}
.hero-1a34::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(168,85,247,0.03) 2px,rgba(168,85,247,0.03) 4px);z-index:2;}
.hero-content-1a34{position:relative;z-index:3;max-width:800px;}
.hero-badge-1a34{display:inline-block;background:rgba(244,114,182,0.2);border:2px solid var(--accent);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:25px;}
.hero-1a34 h1{font-size:clamp(40px,6vw,72px);font-weight:700;margin-bottom:20px;line-height:1.1;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-1a34 p{font-size:clamp(18px,3vw,22px);margin-bottom:35px;opacity:0.9;}
.hero-cta-1a34{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.btn-1a34{padding:16px 40px;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.2s ease-in-out;display:inline-block;}
.btn-primary-1a34{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;}
.btn-primary-1a34:hover{transform:scale(1.01);box-shadow:0 0 30px var(--primary-glow);}
.btn-secondary-1a34{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);color:#fff;}
.btn-secondary-1a34:hover{background:rgba(255,255,255,0.2);}
.hero-disclaimer-1a34{margin-top:20px;font-size:13px;opacity:0.7;}

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

/* Section */
.section-1a34{padding:100px 20px;position:relative;}
.section-title-1a34{text-align:center;margin-bottom:60px;}
.section-title-1a34 h2{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:15px;display:inline-block;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-title-1a34 .age-badge{margin-left:10px;vertical-align:middle;}

/* Games Grid */
.games-grid-1a34{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
[data-game-card]{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-card);border-radius:var(--radius);overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;}
[data-game-card]:hover{transform:scale(1.01);box-shadow:0 0 30px var(--primary-glow);}
[data-game-image-wrap]{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary));}
[data-game-image]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
[data-game-image-fallback]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;text-align:center;padding:20px;background:linear-gradient(135deg,rgba(168,85,247,0.3),rgba(99,102,241,0.3));}
[data-game-meta]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 10px;}
[data-game-category]{font-size:13px;color:var(--accent);font-weight:600;}
[data-game-title]{font-size:20px;font-weight:700;padding:0 20px 15px;min-height:60px;}
[data-play-demo]{width:calc(100% - 40px);margin:0 20px 20px;padding:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50px;font-weight:600;transition:all 0.2s;}
[data-play-demo]:hover{box-shadow:0 0 20px var(--primary-glow);}

/* Game Modal */
.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.game-modal.active{opacity:1;pointer-events:all;}
.modal-content{width:95%;max-width:1200px;height:90vh;background:var(--bg-card);border-radius:var(--radius);display:flex;flex-direction:column;border:2px solid var(--border-card);}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid var(--border-card);}
.modal-header h2{font-size:24px;font-weight:700;flex:1;}
.close-btn{background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:32px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all 0.2s;}
.close-btn:hover{background:rgba(255,255,255,0.2);}
#game-iframe{flex:1;border:none;width:100%;border-radius:0 0 var(--radius) var(--radius);}
.demo-unavailable{flex:1;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent);}

/* How It Works */
.steps-1a34{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.step-card-1a34{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-card);border-radius:var(--radius);padding:30px;text-align:center;transition:all 0.2s;}
.step-card-1a34:hover{transform:scale(1.01);box-shadow:0 0 25px var(--primary-glow);}
.step-icon-1a34{font-size:50px;margin-bottom:20px;}
.step-card-1a34 h3{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--primary);}
.step-card-1a34 p{opacity:0.85;}

/* Trust Block */
.trust-1a34{background:rgba(168,85,247,0.05);border:1px solid var(--border-card);border-radius:var(--radius);padding:40px;max-width:900px;margin:0 auto;text-align:center;}
.trust-1a34 h3{font-size:28px;font-weight:700;margin-bottom:20px;color:var(--primary);}
.trust-1a34 ul{list-style:none;display:flex;flex-direction:column;gap:15px;}
.trust-1a34 li{font-size:16px;opacity:0.9;}
.trust-1a34 li::before{content:'✓';color:var(--accent);font-weight:700;margin-right:10px;}

/* CTA Band */
.cta-band-1a34{background:linear-gradient(135deg,rgba(168,85,247,0.2),rgba(99,102,241,0.2));border-top:1px solid var(--border-card);border-bottom:1px solid var(--border-card);padding:60px 20px;text-align:center;}
.cta-band-1a34 h2{font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:15px;}
.cta-band-1a34 p{font-size:18px;margin-bottom:25px;opacity:0.9;}

/* Why Choose Us */
.features-grid-1a34{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.feature-card-1a34{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-card);border-radius:var(--radius);padding:35px;text-align:center;transition:all 0.2s;}
.feature-card-1a34:hover{transform:scale(1.01);box-shadow:0 0 25px var(--primary-glow);}
.feature-icon-1a34{font-size:48px;margin-bottom:20px;}
.feature-card-1a34 h3{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--primary);}
.feature-card-1a34 p{opacity:0.85;}

/* Responsible */
.responsible-1a34{background:rgba(244,114,182,0.05);border:2px solid var(--accent);border-radius:var(--radius);padding:50px 30px;max-width:900px;margin:0 auto;text-align:center;}
.responsible-icon-1a34{font-size:80px;margin-bottom:20px;}
.responsible-1a34 h2{font-size:36px;font-weight:700;margin-bottom:20px;color:var(--accent);}
.responsible-1a34 p{font-size:18px;margin-bottom:25px;opacity:0.9;}
.responsible-links-1a34{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px;}
.responsible-links-1a34 a{color:var(--primary);font-weight:600;text-decoration:underline;}

/* FAQ */
.faq-1a34{max-width:900px;margin:0 auto;}
.faq-item-1a34{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-card);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;}
.faq-question-1a34{padding:25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px;transition:all 0.2s;}
.faq-question-1a34:hover{color:var(--primary);}
.faq-answer-1a34{padding:0 25px;max-height:0;overflow:hidden;transition:all 0.3s;opacity:0;}
.faq-answer-1a34.active{padding:0 25px 25px;max-height:500px;opacity:1;}

/* Footer */
.footer-1a34{background:rgba(15,10,26,0.9);border-top:1px solid var(--border-card);padding:50px 20px 30px;}
.footer-content-1a34{max-width:1200px;margin:0 auto;text-align:center;}
.footer-logo-1a34{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:20px;}
.footer-badge-1a34{font-size:60px;margin:20px 0;}
.footer-disclaimer-1a34{font-size:15px;opacity:0.8;margin:20px 0;max-width:800px;margin-left:auto;margin-right:auto;}
.footer-links-1a34{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin:25px 0;}
.footer-links-1a34 a{font-size:15px;font-weight:500;transition:color 0.2s;}
.footer-links-1a34 a:hover{color:var(--primary);}
.footer-copyright-1a34{margin-top:25px;font-size:14px;opacity:0.6;}

/* Filter */
.filter-1a34{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.filter-btn-1a34{padding:10px 25px;background:rgba(255,255,255,0.1);border:1px solid var(--border-card);border-radius:50px;font-size:15px;font-weight:600;transition:all 0.2s;}
.filter-btn-1a34:hover,.filter-btn-1a34.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);}

/* Page Header */
.page-header-1a34{padding:100px 20px 60px;text-align:center;background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(99,102,241,0.1));}
.page-header-1a34 h1{font-size:clamp(32px,5vw,56px);font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* Content Page */
.content-page-1a34{max-width:900px;margin:0 auto;padding:60px 20px;}
.content-page-1a34 h2{font-size:32px;font-weight:700;margin:40px 0 20px;color:var(--primary);}
.content-page-1a34 h3{font-size:24px;font-weight:700;margin:30px 0 15px;color:var(--accent);}
.content-page-1a34 p{margin-bottom:15px;opacity:0.9;line-height:1.7;}
.content-page-1a34 ul{margin-left:25px;margin-bottom:20px;}
.content-page-1a34 li{margin-bottom:10px;opacity:0.9;}

/* Age Reminder */
.age-reminder-1a34{background:rgba(244,114,182,0.1);border:2px solid var(--accent);border-radius:var(--radius);padding:25px;margin:30px 0;text-align:center;}
.age-reminder-1a34 .age-badge{font-size:16px;padding:8px 18px;}

/* Glow Divider */
.glow-divider-1a34{height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);margin:80px auto;max-width:600px;}

/* Responsive */
@media(max-width:768px){
.section-1a34{padding:60px 20px;}
.hero-1a34{min-height:80vh;padding:60px 20px;}
.games-grid-1a34{grid-template-columns:1fr;}
.steps-1a34{grid-template-columns:1fr;}
.features-grid-1a34{grid-template-columns:1fr;}
.hero-cta-1a34{flex-direction:column;}
.age-modal-box{padding:30px 20px;}
.modal-content{height:85vh;}
.modal-header{padding:15px 20px;}
.modal-header h2{font-size:18px;}
}