/* Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
--primary:#34d399;
--primary-glow:rgba(52,211,153,0.4);
--secondary:#10b981;
--accent:#a3e635;
--accent-glow:rgba(163,230,53,0.3);
--bg-start:#052e16;
--bg-mid:#14532d;
--bg-end:#022c22;
--card-bg:rgba(20,83,45,0.6);
--card-border:rgba(52,211,153,0.2);
--text-light:#fff;
--text-muted:#d1d5db;
--radius:14px;
--transition:0.2s ease-in-out;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Nunito:wght@400;700&family=Roboto+Mono&display=swap');
body{font-family:'Nunito',system-ui,sans-serif;font-weight:400;background:linear-gradient(180deg,var(--bg-start),var(--bg-mid),var(--bg-end));color:var(--text-light);line-height:1.6;min-height:100vh;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',system-ui,sans-serif;font-weight:600;line-height:1.2;}
a{color:var(--primary);text-decoration:none;transition:color var(--transition);}
a:hover{color:var(--accent);}
button{cursor:pointer;border:none;font-family:inherit;transition:all var(--transition);}
img{max-width:100%;display:block;}

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

/* Age Modal */
.flqu-age-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 var(--transition);}
.flqu-age-modal.flqu-active{opacity:1;pointer-events:all;}
.flqu-age-modal-content{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);padding:40px;text-align:center;max-width:500px;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 30px var(--primary-glow);}
.flqu-age-icon{font-size:80px;margin-bottom:20px;}
.flqu-age-modal h2{font-size:32px;margin-bottom:15px;color:var(--primary);}
.flqu-age-modal p{font-size:18px;margin-bottom:30px;color:var(--text-muted);}
.flqu-age-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.flqu-btn-age-yes{background:var(--primary);color:#000;padding:15px 40px;border-radius:var(--radius);font-size:18px;font-weight:700;}
.flqu-btn-age-yes:hover{transform:scale(1.01);box-shadow:0 0 20px var(--primary-glow);}
.flqu-btn-age-no{background:transparent;border:2px solid var(--card-border);color:var(--text-light);padding:15px 40px;border-radius:var(--radius);font-size:18px;}
.flqu-btn-age-no:hover{border-color:var(--primary);}

/* Header */
.flqu-header{position:sticky;top:0;z-index:999;background:rgba(5,46,22,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);}
.flqu-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;position:relative;}
.flqu-logo{font-size:24px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:8px;}
.flqu-nav-menu{display:flex;gap:30px;align-items:center;}
.flqu-nav-menu a{color:var(--text-light);font-size:16px;padding:8px 0;position:relative;}
.flqu-nav-menu a:hover{color:var(--primary);}
.flqu-age-badge{background:var(--primary);color:#000;padding:6px 12px;border-radius:6px;font-weight:700;font-size:14px;}
.flqu-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;padding:5px;}
.flqu-hamburger span{width:25px;height:3px;background:var(--primary);border-radius:2px;transition:var(--transition);}

/* Hero */
.flqu-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 20px 80px;position:relative;overflow:hidden;}
.flqu-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:0.3;animation:flqu-spotlight 15s infinite alternate;}
@keyframes flqu-spotlight{0%{transform:translate(0,0);}100%{transform:translate(10%,10%);}}
.flqu-hero-content{position:relative;z-index:2;max-width:800px;}
.flqu-hero-badge{position:absolute;top:20px;right:20px;background:var(--primary);color:#000;padding:10px 20px;border-radius:var(--radius);font-size:24px;font-weight:700;box-shadow:0 4px 20px var(--primary-glow);}
.flqu-hero h1{font-size:clamp(36px,6vw,64px);margin-bottom:20px;color:var(--primary);}
.flqu-hero p{font-size:clamp(18px,3vw,24px);color:var(--text-muted);margin-bottom:40px;}
.flqu-hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;}
.flqu-btn-primary{background:var(--primary);color:#000;padding:16px 40px;border-radius:var(--radius);font-size:18px;font-weight:700;}
.flqu-btn-primary:hover{transform:scale(1.01);box-shadow:0 0 30px var(--primary-glow);}
.flqu-btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:16px 40px;border-radius:var(--radius);font-size:18px;font-weight:700;}
.flqu-btn-secondary:hover{background:var(--primary);color:#000;}
.flqu-hero-disclaimer{font-size:14px;color:var(--text-muted);margin-top:20px;}

/* Wave Divider */
.flqu-wave{width:100%;overflow:hidden;line-height:0;}
.flqu-wave svg{display:block;width:100%;height:60px;fill:var(--bg-mid);}

/* Section Base */
.flqu-section{padding:80px 20px;position:relative;}
.flqu-section-header{text-align:center;margin-bottom:60px;}
.flqu-section-header h2{font-size:clamp(32px,5vw,48px);color:var(--primary);margin-bottom:15px;display:inline-flex;align-items:center;gap:15px;}
.flqu-section-header p{font-size:18px;color:var(--text-muted);max-width:700px;margin:0 auto;}

/* Featured Games */
.flqu-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;}
[data-game-card]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(0,0,0,0.3);transition:all var(--transition);position:relative;}
[data-game-card]:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 20px var(--primary-glow);}
[data-game-image-wrap]{width:100%;height:200px;border-radius:var(--radius);overflow:hidden;margin-bottom:15px;position:relative;}
[data-game-image]{width:100%;height:100%;object-fit:cover;}
[data-game-image-fallback]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--bg-start));color:var(--text-light);font-weight:700;text-align:center;padding:20px;font-size:18px;}
[data-game-meta]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
[data-game-category]{background:rgba(52,211,153,0.2);color:var(--primary);padding:4px 12px;border-radius:6px;font-size:13px;font-weight:700;}
[data-game-title]{font-size:20px;color:var(--text-light);margin-bottom:15px;min-height:50px;}
[data-play-demo]{width:100%;background:var(--primary);color:#000;padding:12px;border-radius:var(--radius);font-weight:700;font-size:16px;}
[data-play-demo]:hover{transform:scale(1.01);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:9998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition);}
.game-modal.active{opacity:1;pointer-events:all;}
.modal-content{width:95%;max-width:1200px;height:90vh;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.8);}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--card-border);}
.modal-header h2{font-size:24px;color:var(--primary);margin:0;}
.close-btn{background:transparent;color:var(--text-light);font-size:36px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);}
.close-btn:hover{background:var(--primary);color:#000;}
#game-iframe{flex:1;width:100%;border:none;border-radius:0 0 var(--radius) var(--radius);}
.demo-unavailable{flex:1;display:none;align-items:center;justify-content:center;color:var(--text-muted);font-size:20px;}

/* Features Timeline */
.flqu-timeline{max-width:800px;margin:0 auto;position:relative;}
.flqu-timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--card-border);}
.flqu-feature-item{display:flex;gap:20px;margin-bottom:40px;position:relative;}
.flqu-feature-icon{width:60px;height:60px;background:var(--card-bg);border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 0 20px var(--primary-glow);z-index:2;}
.flqu-feature-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:25px;flex:1;box-shadow:0 4px 16px rgba(0,0,0,0.3);}
.flqu-feature-content h3{font-size:22px;color:var(--primary);margin-bottom:10px;}
.flqu-feature-content p{color:var(--text-muted);font-size:16px;}

/* Trust Block */
.flqu-trust{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px;text-align:center;max-width:800px;margin:0 auto;box-shadow:0 8px 24px rgba(0,0,0,0.3);}
.flqu-trust h3{font-size:28px;color:var(--primary);margin-bottom:20px;}
.flqu-trust ul{list-style:none;text-align:left;max-width:600px;margin:20px auto;}
.flqu-trust li{padding:10px 0;color:var(--text-muted);font-size:16px;padding-left:30px;position:relative;}
.flqu-trust li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:700;font-size:20px;}

/* CTA Band */
.flqu-cta-band{background:linear-gradient(135deg,var(--secondary),var(--bg-start));padding:60px 20px;text-align:center;border-top:2px solid var(--card-border);border-bottom:2px solid var(--card-border);}
.flqu-cta-band h2{font-size:clamp(28px,4vw,42px);color:var(--primary);margin-bottom:15px;}
.flqu-cta-band p{font-size:18px;color:var(--text-muted);margin-bottom:30px;}

/* How It Works Steps */
.flqu-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;}
.flqu-step{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,0.3);transition:all var(--transition);}
.flqu-step:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 24px rgba(0,0,0,0.5);}
.flqu-step-icon{font-size:48px;margin-bottom:20px;}
.flqu-step h3{font-size:22px;color:var(--primary);margin-bottom:15px;}
.flqu-step p{color:var(--text-muted);font-size:15px;}

/* Responsible Gaming */
.flqu-responsible{background:var(--card-bg);border:2px solid var(--primary);border-radius:var(--radius);padding:50px;text-align:center;max-width:900px;margin:0 auto;box-shadow:0 8px 32px rgba(0,0,0,0.4);}
.flqu-responsible-icon{font-size:80px;margin-bottom:20px;}
.flqu-responsible h2{font-size:clamp(32px,5vw,48px);color:var(--primary);margin-bottom:20px;}
.flqu-responsible p{font-size:18px;color:var(--text-muted);margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto;}
.flqu-responsible-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.flqu-responsible-links a{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:12px 30px;border-radius:var(--radius);font-weight:700;display:inline-block;}
.flqu-responsible-links a:hover{background:var(--primary);color:#000;}

/* FAQ Chat */
.flqu-faq-list{max-width:800px;margin:0 auto;}
.flqu-faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.3);}
.flqu-faq-question{width:100%;text-align:left;padding:20px;background:transparent;color:var(--text-light);font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;}
.flqu-faq-question:hover{color:var(--primary);}
.flqu-faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all var(--transition);color:var(--text-muted);}
.flqu-faq-item.active .flqu-faq-answer{padding:0 20px 20px;max-height:500px;}
.flqu-faq-toggle{font-size:24px;transition:transform var(--transition);}
.flqu-faq-item.active .flqu-faq-toggle{transform:rotate(45deg);}

/* Footer */
.flqu-footer{background:rgba(5,46,22,0.9);border-top:2px solid var(--card-border);padding:60px 20px 30px;}
.flqu-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}
.flqu-footer-col h4{color:var(--primary);font-size:20px;margin-bottom:20px;}
.flqu-footer-col ul{list-style:none;}
.flqu-footer-col li{margin-bottom:10px;}
.flqu-footer-col a{color:var(--text-muted);font-size:15px;}
.flqu-footer-col a:hover{color:var(--primary);}
.flqu-footer-logo{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:15px;}
.flqu-footer-badge{background:var(--primary);color:#000;padding:12px 24px;border-radius:var(--radius);font-weight:700;font-size:24px;display:inline-block;margin-bottom:15px;box-shadow:0 0 20px var(--primary-glow);}
.flqu-footer-disclaimer{background:rgba(0,0,0,0.3);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;margin-top:30px;font-size:14px;color:var(--text-muted);text-align:center;}
.flqu-footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:14px;}

/* Games Page */
.flqu-page-header{padding:140px 20px 60px;text-align:center;}
.flqu-page-header h1{font-size:clamp(36px,5vw,56px);color:var(--primary);margin-bottom:20px;}
.flqu-age-banner{background:var(--primary);color:#000;text-align:center;padding:12px;font-weight:700;position:fixed;top:70px;left:0;right:0;z-index:998;}
.flqu-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.flqu-filter-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-light);padding:10px 24px;border-radius:var(--radius);font-weight:700;}
.flqu-filter-btn:hover,.flqu-filter-btn.active{background:var(--primary);color:#000;border-color:var(--primary);}

/* Simple Page */
.flqu-simple-page{min-height:100vh;padding:120px 20px 60px;}
.flqu-simple-header{background:rgba(5,46,22,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);padding:20px 0;position:fixed;top:0;left:0;right:0;z-index:999;}
.flqu-simple-content{max-width:900px;margin:0 auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px;box-shadow:0 8px 24px rgba(0,0,0,0.3);}
.flqu-simple-content h1{font-size:36px;color:var(--primary);margin-bottom:30px;}
.flqu-simple-content h2{font-size:28px;color:var(--primary);margin:30px 0 15px;}
.flqu-simple-content p{margin-bottom:15px;color:var(--text-muted);line-height:1.8;}
.flqu-simple-content ul{margin:15px 0 15px 30px;color:var(--text-muted);}
.flqu-simple-content li{margin-bottom:10px;}

/* Floating Orbs */
.flqu-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-glow),transparent);pointer-events:none;animation:flqu-float 20s infinite ease-in-out;}
.flqu-orb-1{width:400px;height:400px;top:10%;left:5%;animation-delay:0s;opacity:0.3;}
.flqu-orb-2{width:300px;height:300px;bottom:20%;right:10%;animation-delay:7s;opacity:0.2;}
@keyframes flqu-float{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,30px) scale(1.1);}}

/* Top Accent Bar */
.flqu-accent-bar{height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));position:fixed;top:0;left:0;right:0;z-index:10000;box-shadow:0 0 10px var(--primary-glow);}

/* Responsive */
@media (max-width:768px){
.flqu-nav-menu{position:fixed;top:70px;left:0;right:0;background:rgba(5,46,22,0.98);flex-direction:column;gap:0;padding:20px;transform:translateX(-100%);transition:transform var(--transition);border-bottom:2px solid var(--card-border);}
.flqu-nav-menu.flqu-active{transform:translateX(0);}
.flqu-nav-menu a{padding:15px 0;border-bottom:1px solid var(--card-border);width:100%;}
.flqu-hamburger{display:flex;}
.flqu-hero{padding:120px 20px 60px;}
.flqu-hero-badge{top:10px;right:10px;padding:8px 15px;font-size:18px;}
.flqu-section{padding:60px 20px;}
.flqu-timeline::before{left:15px;}
.flqu-feature-icon{width:50px;height:50px;font-size:24px;}
.flqu-footer-content{grid-template-columns:1fr;}
.flqu-age-banner{top:60px;font-size:14px;}
}