/* Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Work Sans',system-ui,sans-serif;font-weight:400;line-height:1.6;color:#e2e8f0;background:#020617;overflow-x:hidden;}
:root{--primary:#38bdf8;--primary-glow:rgba(56,189,248,0.4);--secondary:#0ea5e9;--accent:#22d3ee;--accent-glow:rgba(34,211,238,0.3);--bg-dark:#0c1929;--bg-mid:#0f2847;--bg-card:rgba(15,40,71,0.6);--card-border:rgba(56,189,248,0.2);--text-light:#e2e8f0;--text-dark:#1e293b;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--transition:0.4s ease-out;}
h1,h2,h3,h4,h5,h6{font-family:'Outfit',system-ui,sans-serif;font-weight:700;line-height:1.2;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.ytvp-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.ytvp-age-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:14px;padding:6px 12px;border-radius:8px;box-shadow:0 0 20px rgba(239,68,68,0.5);}

/* Age Verification Modal */
.ytvp-age-modal{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;visibility:hidden;transition:all var(--transition);}
.ytvp-age-modal.ytvp-active{opacity:1;visibility:visible;}
.ytvp-age-modal-content{background:var(--bg-card);backdrop-filter:blur(20px);border:2px solid var(--card-border);border-radius:var(--radius-lg);padding:50px 40px;max-width:500px;text-align:center;box-shadow:0 0 60px var(--primary-glow);}
.ytvp-age-icon{font-size:80px;margin-bottom:20px;animation:ytvp-pulse 2s infinite;}
.ytvp-age-modal h2{font-size:32px;margin-bottom:15px;color:var(--primary);}
.ytvp-age-modal p{font-size:18px;margin-bottom:30px;color:var(--text-light);}
.ytvp-age-buttons{display:flex;gap:15px;justify-content:center;}
.ytvp-age-btn{padding:15px 40px;border-radius:50px;font-weight:700;font-size:16px;transition:all var(--transition);}
.ytvp-age-btn.ytvp-confirm{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 0 30px var(--primary-glow);}
.ytvp-age-btn.ytvp-confirm:hover{transform:scale(1.03);box-shadow:0 0 40px var(--primary-glow);}
.ytvp-age-btn.ytvp-exit{background:rgba(255,255,255,0.1);color:var(--text-light);border:2px solid rgba(255,255,255,0.2);}
.ytvp-age-btn.ytvp-exit:hover{background:rgba(255,255,255,0.15);}

/* Header */
.ytvp-header{position:sticky;top:0;z-index:1000;background:rgba(12,25,41,0.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);padding:15px 0;}
.ytvp-header-inner{display:flex;align-items:center;justify-content:space-between;}
.ytvp-logo{font-size:24px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:10px;}
.ytvp-nav{display:flex;align-items:center;gap:30px;}
.ytvp-nav a{font-weight:500;transition:color var(--transition);position:relative;}
.ytvp-nav a:hover{color:var(--primary);}
.ytvp-mobile-toggle{display:none;flex-direction:column;gap:5px;padding:10px;}
.ytvp-mobile-toggle span{width:25px;height:3px;background:var(--text-light);transition:all var(--transition);}
.ytvp-mobile-nav{display:none;}

/* Hero */
.ytvp-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid),#020617);overflow:hidden;}
.ytvp-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=1600&q=80');background-size:cover;background-position:center;opacity:0.3;z-index:0;}
.ytvp-hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(12,25,41,0.9),rgba(15,40,71,0.8),rgba(2,6,23,0.9));z-index:1;}
.ytvp-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;}
.ytvp-hero-badge{position:absolute;top:40px;right:40px;font-size:20px;padding:10px 20px;z-index:3;}
.ytvp-hero h1{font-size:clamp(40px,8vw,80px);margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ytvp-hero p{font-size:clamp(18px,3vw,24px);margin-bottom:40px;color:var(--text-light);}
.ytvp-hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.ytvp-btn{padding:18px 40px;border-radius:50px;font-weight:700;font-size:16px;transition:all var(--transition);display:inline-flex;align-items:center;gap:10px;}
.ytvp-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 0 30px var(--primary-glow);}
.ytvp-btn-primary:hover{transform:scale(1.03);box-shadow:0 0 50px var(--primary-glow);}
.ytvp-btn-secondary{background:rgba(255,255,255,0.1);color:var(--text-light);border:2px solid var(--card-border);}
.ytvp-btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:var(--primary);}
.ytvp-hero-disclaimer{margin-top:20px;font-size:14px;opacity:0.7;}
.ytvp-floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-glow),transparent);filter:blur(60px);animation:ytvp-float 6s infinite ease-in-out;z-index:1;}
.ytvp-orb1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s;}
.ytvp-orb2{width:400px;height:400px;bottom:15%;right:10%;animation-delay:2s;}

/* Sections */
.ytvp-section{padding:100px 0;position:relative;}
.ytvp-section-header{text-align:center;margin-bottom:60px;}
.ytvp-section-header h2{font-size:clamp(32px,5vw,48px);margin-bottom:15px;color:var(--primary);display:inline-flex;align-items:center;gap:15px;}
.ytvp-section-header p{font-size:18px;color:var(--text-light);opacity:0.8;}

/* Featured Games */
.ytvp-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.ytvp-game-card{background:var(--bg-card);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);position:relative;}
.ytvp-game-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 0 40px var(--primary-glow);border-color:var(--primary);}
.ytvp-game-image-wrap{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid));}
.ytvp-game-image-wrap img{width:100%;height:100%;object-fit:cover;}
.ytvp-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:20px;color:var(--primary);background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid));}
.ytvp-game-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--card-border);}
.ytvp-game-category{font-size:12px;text-transform:uppercase;font-weight:700;color:var(--accent);background:rgba(34,211,238,0.1);padding:4px 12px;border-radius:20px;}
.ytvp-game-content{padding:20px;}
.ytvp-game-content h3{font-size:24px;margin-bottom:15px;color:var(--text-light);}
.ytvp-game-content button{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50px;font-weight:700;transition:all var(--transition);}
.ytvp-game-content button:hover{box-shadow:0 0 30px var(--primary-glow);transform:scale(1.03);}

/* 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;visibility:hidden;transition:all var(--transition);}
.game-modal.active{opacity:1;visibility:visible;}
.modal-content{background:var(--bg-card);border:2px solid var(--card-border);border-radius:var(--radius-lg);width:95%;max-width:1200px;height:90vh;display:flex;flex-direction:column;overflow:hidden;}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:2px solid var(--card-border);background:var(--bg-dark);}
.modal-header h2{font-size:24px;color:var(--primary);}
.close-btn{font-size:36px;color:var(--text-light);cursor:pointer;transition:all var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.close-btn:hover{color:var(--primary);transform:rotate(90deg);}
#game-iframe{flex:1;width:100%;border:none;background:#000;}
.demo-unavailable{flex:1;display:none;align-items:center;justify-content:center;font-size:24px;color:var(--text-light);background:var(--bg-dark);}

/* Features */
.ytvp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.ytvp-feature-card{background:var(--bg-card);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:var(--radius-md);padding:40px 30px;text-align:center;transition:all var(--transition);position:relative;overflow:hidden;}
.ytvp-feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform var(--transition);}
.ytvp-feature-card:hover{transform:translateY(-8px);box-shadow:0 0 40px var(--primary-glow);border-color:var(--primary);}
.ytvp-feature-card:hover::before{transform:scaleX(1);}
.ytvp-feature-icon{font-size:48px;margin-bottom:20px;}
.ytvp-feature-card h3{font-size:22px;margin-bottom:12px;color:var(--primary);}
.ytvp-feature-card p{color:var(--text-light);opacity:0.9;}

/* Trust Block */
.ytvp-trust{background:var(--bg-card);border:2px solid var(--card-border);border-radius:var(--radius-lg);padding:50px;text-align:center;backdrop-filter:blur(10px);}
.ytvp-trust h3{font-size:32px;margin-bottom:30px;color:var(--primary);}
.ytvp-trust-list{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto 20px;}
.ytvp-trust-item{display:flex;align-items:center;gap:15px;font-size:18px;}
.ytvp-trust-item::before{content:'✓';font-size:24px;color:var(--accent);font-weight:700;}

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

/* How It Works */
.ytvp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.ytvp-step{background:var(--bg-card);border:2px solid var(--card-border);border-radius:var(--radius-md);padding:40px 30px;text-align:center;position:relative;transition:all var(--transition);}
.ytvp-step::after{content:attr(data-step);position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 0 20px var(--primary-glow);}
.ytvp-step:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 0 40px var(--primary-glow);}
.ytvp-step-icon{font-size:60px;margin:20px 0;}
.ytvp-step h3{font-size:22px;margin-bottom:12px;color:var(--primary);}
.ytvp-step p{color:var(--text-light);opacity:0.9;}

/* Responsible */
.ytvp-responsible{background:var(--bg-card);border:2px solid var(--card-border);border-radius:var(--radius-lg);padding:60px 40px;text-align:center;backdrop-filter:blur(10px);}
.ytvp-responsible-icon{font-size:80px;margin-bottom:20px;}
.ytvp-responsible h2{font-size:clamp(32px,5vw,48px);margin-bottom:20px;color:var(--primary);}
.ytvp-responsible p{font-size:18px;max-width:700px;margin:0 auto 30px;line-height:1.8;}
.ytvp-responsible-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.ytvp-responsible-link{padding:12px 30px;background:rgba(255,255,255,0.1);border:2px solid var(--card-border);border-radius:50px;transition:all var(--transition);}
.ytvp-responsible-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;}

/* FAQ */
.ytvp-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
.ytvp-faq-item{background:var(--bg-card);border:2px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);}
.ytvp-faq-item:hover{border-color:var(--primary);}
.ytvp-faq-question{padding:25px 30px;font-size:18px;font-weight:700;color:var(--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition);}
.ytvp-faq-question:hover{background:rgba(56,189,248,0.05);}
.ytvp-faq-question::after{content:'+';font-size:28px;transition:transform var(--transition);}
.ytvp-faq-item.ytvp-active .ytvp-faq-question::after{transform:rotate(45deg);}
.ytvp-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition);}
.ytvp-faq-item.ytvp-active .ytvp-faq-answer{max-height:300px;}
.ytvp-faq-answer p{padding:0 30px 25px;color:var(--text-light);line-height:1.8;}

/* Footer */
.ytvp-footer{background:var(--bg-dark);border-top:2px solid var(--card-border);padding:60px 20px 30px;}
.ytvp-footer-content{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px;}
.ytvp-footer-logo{font-size:32px;font-weight:700;color:var(--primary);}
.ytvp-footer-badge{font-size:24px;padding:12px 30px;}
.ytvp-footer-disclaimer{max-width:700px;text-align:center;font-size:16px;line-height:1.8;opacity:0.9;margin-bottom:20px;}
.ytvp-footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;}
.ytvp-footer-links a{opacity:0.8;transition:all var(--transition);}
.ytvp-footer-links a:hover{color:var(--primary);opacity:1;}
.ytvp-footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--card-border);opacity:0.7;font-size:14px;}

/* Animations */
@keyframes ytvp-pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}
@keyframes ytvp-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-30px);}}
@keyframes ytvp-shimmer{0%{background-position:200% center;}100%{background-position:-200% center;}}
.ytvp-shimmer{background:linear-gradient(90deg,transparent,rgba(56,189,248,0.1),transparent);background-size:200% 100%;animation:ytvp-shimmer 3s infinite;}

/* Responsive */
@media(max-width:768px){
.ytvp-nav{display:none;}
.ytvp-mobile-toggle{display:flex;}
.ytvp-mobile-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(12,25,41,0.98);backdrop-filter:blur(20px);border-top:1px solid var(--card-border);padding:20px;}
.ytvp-mobile-nav.ytvp-active{display:flex;flex-direction:column;gap:15px;}
.ytvp-mobile-nav a{padding:15px;border-radius:var(--radius-sm);transition:all var(--transition);}
.ytvp-mobile-nav a:hover{background:var(--bg-card);color:var(--primary);}
.ytvp-hero-badge{top:20px;right:20px;font-size:16px;padding:8px 16px;}
.ytvp-section{padding:60px 0;}
.ytvp-games-grid{grid-template-columns:1fr;}
.ytvp-features-grid{grid-template-columns:1fr;}
.ytvp-steps{grid-template-columns:1fr;}
.ytvp-hero-cta{flex-direction:column;}
.ytvp-age-buttons{flex-direction:column;}
.modal-content{height:95vh;}
}

/* Category Filters */
.ytvp-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.ytvp-filter-btn{padding:12px 30px;background:rgba(255,255,255,0.1);border:2px solid var(--card-border);border-radius:50px;font-weight:700;transition:all var(--transition);color:var(--text-light);}
.ytvp-filter-btn:hover,.ytvp-filter-btn.ytvp-active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff;box-shadow:0 0 30px var(--primary-glow);}

/* Page Header */
.ytvp-page-header{padding:80px 20px 40px;text-align:center;background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid));}
.ytvp-page-header h1{font-size:clamp(36px,6vw,56px);margin-bottom:15px;color:var(--primary);}
.ytvp-page-header p{font-size:18px;opacity:0.9;}

/* Content Pages */
.ytvp-content{padding:60px 20px;max-width:900px;margin:0 auto;}
.ytvp-content h2{font-size:32px;margin:40px 0 20px;color:var(--primary);}
.ytvp-content h3{font-size:24px;margin:30px 0 15px;color:var(--accent);}
.ytvp-content p{margin-bottom:20px;line-height:1.8;}
.ytvp-content ul{margin:20px 0 20px 30px;}
.ytvp-content li{margin-bottom:10px;line-height:1.8;}

/* Banner */
.ytvp-banner{background:linear-gradient(135deg,#ef4444,#dc2626);padding:15px 20px;text-align:center;color:#fff;font-weight:700;border-bottom:2px solid rgba(255,255,255,0.2);}