*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#0a0a0a;--secondary-bg:#1a1a1a;--card-bg:#1e1e1eb3;--accent-blue:#00d4ff;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#2a2a2a;--gradient-primary:linear-gradient(135deg,#00d4ff 0%,#8b5cf6 100%);--gradient-secondary:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);--gradient-bg:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #00d4ff4d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{background:var(--primary-bg);color:var(--text-primary);width:100%;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}html{width:100%;max-width:100vw;overflow-x:hidden}.bg-effects{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.gradient-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:var(--gradient-primary);width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.gradient-orb-2{background:var(--gradient-secondary);width:200px;height:200px;animation-delay:-7s;top:60%;right:10%}.gradient-orb-3{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);width:150px;height:150px;animation-delay:-14s;bottom:20%;left:50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-30px)rotate(120deg)}66%{transform:translateY(30px)rotate(240deg)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:var(--transition-normal);background:#0a0a0ae6;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo-ex{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.logo-text{color:var(--text-primary)}.nav-menu{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-blue)}.nav-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition-normal);position:absolute;bottom:-5px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{cursor:pointer;flex-direction:column;display:none}.nav-toggle span{background:var(--text-primary);width:25px;height:3px;transition:var(--transition-fast);margin:3px 0}.hero{align-items:center;min-height:100vh;padding:4rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-text{opacity:0;animation:1s forwards slideInUp;transform:translateY(50px)}.hero-title{margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.title-ex{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn{cursor:pointer;transition:var(--transition-normal);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:100%;height:100%;transition:var(--transition-slow);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff66}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.hero-visual{opacity:0;animation:1s .3s forwards slideInRight;transform:translate(50px)}.launcher-preview{perspective:1000px;position:relative}.preview-window{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transition:var(--transition-slow);border-radius:16px;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg)}.preview-window:hover{transform:rotateY(0)rotateX(0)}.window-header{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);padding:1rem}.window-controls{gap:.5rem;display:flex}.control{border-radius:50%;width:12px;height:12px}.control.minimize{background:#ffbd2e}.control.maximize{background:#28ca42}.control.close{background:#ff5f57}.preview-content{height:400px;display:flex}.preview-sidebar{background:var(--secondary-bg);flex-direction:column;align-items:center;width:80px;padding:1rem 0;display:flex}.sidebar-logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:1rem;display:flex}.nav-item{transition:var(--transition-fast);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.nav-item.active{color:var(--accent-blue);background:#00d4ff1a}.nav-item span{font-size:.75rem}.preview-main{background:var(--primary-bg);flex:1;padding:2rem}.preview-main h3{color:var(--text-primary);margin-bottom:1.5rem}.game-cards{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.game-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);transition:var(--transition-normal);cursor:pointer;border-radius:8px;padding:1rem}.game-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.game-image{background-position:50%;background-size:cover;border-radius:4px;height:60px;margin-bottom:.5rem}.game-image.cyberpunk{background-image:linear-gradient(45deg,#ff0080,#ff8c00)}.game-image.starfield{background-image:linear-gradient(45deg,#06c,#0cf)}.game-image.oblivion{background-image:linear-gradient(45deg,#8b4513,#ff4500)}.game-image.baldur{background-image:linear-gradient(45deg,indigo,gold)}.game-card h4{color:var(--text-primary);font-size:.875rem}section{padding:6rem 0;position:relative}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}*{box-sizing:border-box}section{width:100%;max-width:100vw;overflow-x:hidden}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:3rem;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.game-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);transition:var(--transition-normal);box-sizing:border-box;border-radius:16px;width:100%;max-width:100%;overflow:hidden}.game-item:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.game-image-container{height:200px;position:relative;overflow:hidden}.game-image{width:100%;height:100%;transition:var(--transition-slow);background-position:50%;background-size:cover}.game-image.cyberpunk-large{background-image:linear-gradient(45deg,#ff0080,#ff8c00,#ff0)}.game-image.starfield-large{background-image:linear-gradient(45deg,#06c,#0cf,#fff)}.game-image.oblivion-large{background-image:linear-gradient(45deg,#8b4513,#ff4500,gold)}.game-image.baldur-large{background-image:linear-gradient(45deg,indigo,gold,#fff)}.game-item:hover .game-image{transform:scale(1.1)}.game-overlay{background:linear-gradient(#0000004d,#0000);justify-content:space-between;align-items:flex-start;padding:1rem;display:flex;position:absolute;inset:0}.game-badges{gap:.5rem;display:flex}.badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge.age{color:#fff;background:#ff6b35}.badge.status{color:#fff;background:#10b981}.badge.status.development{color:#fff;background:#f59e0b}.game-info{padding:1.5rem}.game-info h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.game-info p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.game-features{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.feature{color:var(--accent-blue);background:#00d4ff1a;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.btn-game{background:var(--gradient-primary);color:#fff;cursor:pointer;width:100%;transition:var(--transition-normal);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.btn-game:hover:not(.disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-game.disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);text-align:center;transition:var(--transition-normal);border-radius:16px;padding:2rem}.feature-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.feature-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.feature-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-card p{color:var(--text-secondary);line-height:1.6}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.stats{gap:2rem;margin-top:2rem;display:flex}.stat{text-align:center}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.visual-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.card-status{background:var(--gradient-primary);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.progress-item{margin-bottom:1.5rem}.progress-item span{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.progress-bar{background:var(--border-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--gradient-primary);height:100%;transition:var(--transition-slow);border-radius:4px}.contact-content{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{gap:1rem;display:flex}.contact-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.contact-details h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.contact-details p{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.contact-link{color:var(--accent-blue);transition:var(--transition-fast);font-weight:500;text-decoration:none}.contact-link:hover{color:var(--accent-cyan)}.contact-form{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:var(--secondary-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);border-radius:8px;padding:1rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.form-group textarea{resize:vertical;min-height:120px}.footer{border-top:1px solid var(--border-color);padding:3rem 0 1rem}.footer-content{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.footer-logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--accent-blue)}.footer-social{gap:1rem;display:flex}.social-link{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);padding-top:2rem}.footer-bottom p{color:var(--text-muted);font-size:.875rem}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@media (max-width:768px){.nav-menu{background:var(--secondary-bg);width:100%;height:calc(100vh - 70px);transition:var(--transition-normal);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;position:fixed;top:70px;left:-100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.hero{padding:3rem 1rem 2rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{text-align:center;flex-direction:column;gap:2rem;padding:0 1rem}.footer-links{flex-direction:column;gap:1rem;margin-bottom:1rem}.footer-social{flex-wrap:wrap;justify-content:center}.social-link{width:45px;height:45px;margin:.25rem}.stats{justify-content:center}.section-title{margin-top:2rem;margin-bottom:1rem;font-size:2rem}section{padding:4rem 0}.section-header{margin-bottom:2rem;padding:0 1rem}.games-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.game-item{width:100%;max-width:100%;margin:0}.features-grid{grid-template-columns:1fr}.game-gallery{margin:1rem 0;padding:0 .5rem}.gallery-main{height:150px;margin-bottom:.5rem}.gallery-dots{margin-top:.25rem;padding:.25rem 0}.gallery-nav{width:35px;height:35px;font-size:.875rem}.gallery-prev{left:5px}.gallery-next{right:5px}}@media (max-width:480px){.container{padding:0 1rem}.hero{padding:2rem .5rem 1.5rem}.hero-title{font-size:2rem}.btn{padding:.75rem 1.5rem;font-size:.875rem}.hero-buttons{flex-direction:column;align-items:center}.stats{flex-direction:column;gap:1rem}.game-gallery{margin:.5rem 0;padding:0}.gallery-main{height:120px;margin-bottom:.25rem}.gallery-nav{width:30px;height:30px;font-size:.75rem}.gallery-dot{width:6px;height:6px}.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;padding:0 .5rem}.footer-links{gap:.75rem}.footer-social{gap:.5rem}.social-link{width:40px;height:40px}.footer-bottom{padding-top:1rem;padding-left:.5rem;padding-right:.5rem}section{padding:3rem 0}}html{scroll-behavior:smooth}.game-gallery{width:100%;max-width:100%;margin-top:1rem;overflow:hidden}.gallery-main{touch-action:pan-y;border-radius:8px;width:100%;height:200px;margin-bottom:1rem;position:relative;overflow:hidden}.gallery-image{border-radius:8px;width:100%;height:100%}.gallery-nav{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-normal);z-index:2;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:var(--accent-blue);transform:translateY(-50%)scale(1.1)}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-dots{z-index:10;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.5rem 0;display:flex;position:relative}.gallery-dot{background:var(--text-muted);cursor:pointer;width:8px;height:8px;transition:var(--transition-normal);border:none;border-radius:50%;flex-shrink:0}.gallery-dot.active{background:var(--accent-blue);transform:scale(1.2)}.gallery-dot:hover{background:var(--accent-cyan)}.interactive-stats{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.stats-header{text-align:center;margin-bottom:2rem}.stats-header h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.stats-header p{color:var(--text-secondary);font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--secondary-bg);border:1px solid var(--border-color);text-align:center;transition:var(--transition-normal);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--accent-blue);box-shadow:0 10px 30px #00d4ff33}.stat-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.stat-progress{background:var(--gradient-primary);height:3px;transition:var(--transition-slow);border-radius:0 0 12px 12px;position:absolute;bottom:0;left:0}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-particle{background:var(--accent-blue);opacity:.6;border-radius:50%;width:4px;height:4px;position:absolute}.floating-particle:nth-child(odd){background:var(--accent-purple)}.floating-particle:nth-child(3n){background:var(--accent-cyan)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}