@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0a0a0a;--surface-color:#141414;--surface-color-glass:#141414b3;--primary-color:#ff2a2a;--primary-color-hover:#ff4d4d;--secondary-color:#8d99ae;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#6c757d;--accent-gradient:linear-gradient(135deg, var(--primary-color), var(--secondary-color));--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--border-radius:16px;--border-radius-sm:8px;--border-color:#ffffff1a;--glass-border:1px solid #ffffff0d;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm:0 4px 6px #0000001a;--shadow-md:0 10px 20px #0003;--shadow-lg:0 20px 40px #0006;--glow-primary:0 0 20px #ff2a2a66}body.light-theme{--bg-color:#f0f2f5;--surface-color:#fff;--surface-color-glass:#ffffffd9;--primary-color:#e50914;--primary-color-hover:#ff2a2a;--secondary-color:#2b2d42;--text-primary:#1a1f2e;--text-secondary:#495057;--text-muted:#adb5bd;--accent-gradient:linear-gradient(135deg, var(--primary-color), var(--secondary-color));--border-color:#0000001a;--glass-border:1px solid #00000014;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #00000014;--shadow-lg:0 20px 40px #0000001f;--glow-primary:0 0 20px #e5091466}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.glass-panel{background:var(--surface-color-glass);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-heading);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--glow-primary);transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background:#00e5ff1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:1000;width:100%;transition:all var(--transition-normal);padding:1.5rem 0;position:fixed;top:0;left:0}.navbar-scrolled{padding:1rem 0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{color:var(--primary-color);filter:drop-shadow(0 0 8px #00e5ff80)}.logo-text{font-family:var(--font-heading);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.navbar-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-actions{align-items:center;gap:1rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--primary-color)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none}.mobile-only{display:none}.mobile-menu{border-radius:var(--border-radius);flex-direction:column;gap:1rem;margin-top:.5rem;padding:1.5rem;display:flex;position:absolute;top:100%;left:1rem;right:1rem}.mobile-nav-link{color:var(--text-primary);padding:.5rem 0;font-size:1.1rem;font-weight:500;text-decoration:none}.menu-divider{border:none;border-top:1px solid var(--border-color);margin:.5rem 0}.full-width{width:100%}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:block}}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-2;background-image:linear-gradient(90deg,#0a0a0af2 0%,#0a0a0acc 40%,#0a0a0a66 100%),url(/hero-bg.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-particles{z-index:-1;opacity:.3;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-badge{color:var(--primary-color);margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2rem,8vw,4.5rem)}.hero-subtitle{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.25rem}.hero-actions{gap:1rem;margin-bottom:3rem;display:flex}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero-stats{align-items:center;gap:2rem;padding:1.5rem 2.5rem;display:inline-flex}.stat-item{flex-direction:column;display:flex}.stat-value{font-family:var(--font-heading);color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.stat-divider{background-color:var(--border-color);width:1px;height:40px}.hero-visual{position:relative}.featured-game-card{transition:transform var(--transition-bounce);z-index:10;padding:1rem;position:relative;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.featured-game-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)translateY(-10px)}.featured-image-container{border-radius:var(--border-radius-sm);aspect-ratio:16/9;margin-bottom:1.5rem;position:relative;overflow:hidden}.featured-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.featured-game-card:hover .featured-image{transform:scale(1.05)}.featured-overlay{background:linear-gradient(#0000,#0b0f19cc);width:100%;height:100%;position:absolute;top:0;left:0}.category-tag{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.featured-info h3{margin-bottom:.5rem;font-size:1.5rem}.featured-info p{color:var(--text-secondary);font-size:.9rem}.glow-orb{filter:blur(80px);z-index:1;opacity:.5;border-radius:50%;position:absolute}.orb-1{background-color:var(--primary-color);width:300px;height:300px;top:-50px;right:-50px}.orb-2{background-color:var(--secondary-color);width:250px;height:250px;bottom:-50px;left:-50px}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center}.featured-game-card{max-width:600px;margin:0 auto;transform:none}}@media (width<=480px){.hero-actions{flex-direction:column}.hero-stats{gap:1rem;padding:1rem}.stat-divider{display:none}}.game-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;flex-direction:column;height:100%;display:flex;overflow:hidden}.game-card:hover{box-shadow:var(--glow-primary);transform:translateY(-8px)}.game-card-image-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.game-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.game-card:hover .game-card-image{transform:scale(1.1)}.game-card-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);background:#0b0f1966;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.game-card:hover .game-card-overlay{opacity:1}.play-btn.round-btn{width:60px;height:60px;transition:transform var(--transition-bounce), box-shadow var(--transition-normal);border-radius:50%;padding:0;transform:translateY(20px)}.game-card:hover .play-btn.round-btn{transform:translateY(0)}.game-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-sm);text-transform:uppercase;color:#fff;background:#0009;border:1px solid #ffffff1a;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.game-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.game-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.game-title{margin:0;font-size:1.25rem}.game-rating{color:#fbbf24;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.star-icon{color:#fbbf24}.game-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.game-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.game-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.action-link{color:var(--primary-color);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:600}.action-link:hover{color:#fff}.game-section{padding:6rem 1.5rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;display:flex}.section-title{font-size:2.5rem}.section-filters{background:var(--surface-color-glass);border:var(--glass-border);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:30px;gap:.5rem;max-width:100%;padding:.5rem;display:flex;overflow-x:auto}.section-filters::-webkit-scrollbar{display:none}.filter-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;border-radius:20px;padding:.5rem 1.25rem;font-weight:500}.filter-btn:hover{color:#fff}.filter-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}@media (width<=768px){.game-section{padding:4rem 1rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.search-bar-container{max-width:100%;margin-left:0}}@media (width<=480px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}.search-bar-container{background:var(--surface-color-glass);border:var(--glass-border);border-radius:30px;flex:1;align-items:center;gap:.5rem;min-width:250px;max-width:400px;margin-left:auto;padding:.5rem 1rem;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit}.search-icon{color:var(--text-secondary)}.no-results{text-align:center;color:var(--text-secondary);background:var(--surface-color-glass);border-radius:var(--border-radius-lg);grid-column:1/-1;padding:3rem;font-size:1.2rem}.game-rows-container{flex-direction:column;gap:3rem;display:flex}.game-row-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-left:.5rem;display:flex}.game-row-header h3{color:var(--text-primary);font-size:1.5rem}.view-all-btn{color:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem 1rem;font-size:.9rem}.view-all-btn:hover{border-color:var(--primary-color);background:#ffffff0d}.game-row{scroll-behavior:smooth;scrollbar-width:none;gap:1.5rem;padding-top:.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.game-row::-webkit-scrollbar{display:none}.game-row-item{transition:transform var(--transition-normal);flex:0 0 320px}.game-row-item:hover{z-index:10}@media (width<=768px){.game-row-item{flex:0 0 220px}.game-row{gap:1rem}}@media (width<=480px){.game-row-item{flex:0 0 160px}.game-row{gap:.75rem}}.game-page-container{min-height:100vh;padding-top:80px;padding-bottom:4rem}.game-page-header{margin-bottom:1rem;padding:1.5rem 0}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--primary-color)}.game-content-layout{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.game-not-found{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding-top:150px;display:flex}.game-player-section{flex-direction:column;display:flex}.game-player-wrapper{aspect-ratio:16/9;border-radius:var(--border-radius);width:100%;box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.game-iframe{border:none;width:100%;height:100%;display:block}.downloadable-prompt{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.prompt-bg{object-fit:cover;opacity:.3;filter:blur(4px);width:100%;height:100%;position:absolute;top:0;left:0}.prompt-overlay{z-index:10;text-align:center;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f19b3;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.prompt-icon{filter:drop-shadow(0 0 10px #00e5ff66);margin-bottom:.5rem}.game-info-section{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.game-info-title{margin:.5rem 0;font-size:2rem}.game-rating-large{color:#fbbf24;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.game-info-actions{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;display:flex}.action-btn{flex:1;min-width:120px}.game-description-full{color:var(--text-secondary);line-height:1.7}.game-description-full h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.mt-4{margin-top:1rem}.game-specs{border-radius:var(--border-radius-sm);background:#0003;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.5rem;display:flex}.spec-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding-bottom:.5rem;display:flex}.spec-item:last-child{border-bottom:none;padding-bottom:0}.spec-label{color:var(--text-muted);font-weight:500}.spec-value{color:var(--text-primary);font-weight:600}@media (width<=1024px){.game-content-layout{grid-template-columns:1fr}}@media (width<=768px){.game-player-wrapper{aspect-ratio:4/3}.game-info-actions{flex-direction:column}.action-btn{width:100%}}.game-player-container{z-index:9999;background-color:#000;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.game-player-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000c;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:.5rem 1.5rem;display:flex}.game-player-title{margin:0;font-size:1.2rem;font-weight:600}.toolbar-actions{gap:1rem;display:flex}.toolbar-btn{padding:.4rem 1rem;color:#fff!important;border-color:#ffffff4d!important}.toolbar-btn:hover{background:#ffffff1a!important}.iframe-wrapper{flex:1;width:100%;position:relative}.game-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.game-player-loading{width:100vw;height:100vh;color:var(--primary-color);z-index:9999;background-color:#000;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;top:0;left:0}.admin-container{color:var(--text-primary)}.admin-stats{border:var(--glass-border)}.admin-stats h3{letter-spacing:1px}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);border-bottom:var(--glass-border);font-size:.8rem}tr:hover{background:#ffffff05}.light-theme tr:hover{background:#00000005}.auth-container{background:radial-gradient(circle,#b5179e1a,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:80px 1.5rem 2rem;display:flex}.auth-card{flex-direction:column;gap:2rem;width:100%;max-width:400px;padding:2.5rem;display:flex}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.auth-header .logo-icon{margin-bottom:1rem}.auth-header p{color:var(--text-secondary)}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.glass-input{border-radius:var(--border-radius-sm);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:.75rem 1rem;font-family:inherit}.light-theme .glass-input{background:#00000008;border:1px solid #0000001a}.glass-input:focus{border-color:var(--primary-color);background:#ffffff1a;outline:none;box-shadow:0 0 10px #00e5ff33}.light-theme .glass-input:focus{background:#fff;box-shadow:0 0 10px #00e5ff26}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.875rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .glass-input{width:100%;padding-right:2.5rem}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{color:var(--text-primary)}.remember-me-group{margin-top:-.5rem;margin-bottom:.5rem}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex;color:var(--text-secondary)!important;font-size:.85rem!important;font-weight:400!important}.custom-checkbox{appearance:none;cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:#0003;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.light-theme .custom-checkbox{background:#ffffff80;border-color:#0003}.custom-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.pricing-container{min-height:100vh;padding-top:120px;padding-bottom:4rem}.promo-section{flex-direction:column;gap:1rem;max-width:600px;margin:0 auto 2.5rem;padding:1.5rem 2rem;display:flex}.promo-header{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.promo-input-row{gap:.75rem;display:flex}.promo-input{border-radius:var(--border-radius-sm);letter-spacing:1px;text-transform:uppercase;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.promo-feedback{border-radius:var(--border-radius-sm);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex}.promo-success{color:#00ff96;background:#00ff961a;border:1px solid #00ff964d}.promo-error{color:#ff5050;background:#ff50501a;border:1px solid #ff50504d}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-title{margin-bottom:1rem;font-size:3rem}.pricing-subtitle{color:var(--text-secondary);font-size:1.25rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.pricing-card{transition:transform var(--transition-normal);flex-direction:column;padding:2.5rem;display:flex;position:relative}.pricing-card:hover{transform:translateY(-10px)}.pro-card{border-color:var(--primary-color);box-shadow:var(--glow-primary)}.pro-badge{background:var(--accent-gradient);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem 1rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{text-align:center;margin-bottom:2rem}.pricing-card-header h3{margin-bottom:1rem;font-size:1.5rem}.price{margin-bottom:1rem}.amount{font-size:3.5rem;font-weight:800;font-family:var(--font-heading)}.period{color:var(--text-secondary)}.pricing-features{flex-direction:column;flex-grow:1;gap:1rem;margin-bottom:2rem;list-style:none;display:flex}.pricing-features li{color:var(--text-primary);align-items:center;gap:.75rem;display:flex}.text-primary{color:var(--primary-color)}.disabled-feature{text-decoration:line-through;color:var(--text-muted)!important}.disabled-feature:before{content:"✕";color:var(--text-muted);text-align:center;width:16px;font-size:.8rem}