:root{--bg-primary: #050505;--bg-secondary: #0A0A0A;--bg-tertiary: #111111;--bg-overlay: rgba(10, 10, 10, .8);--primary-color: #FF1A1A;--primary-gradient: linear-gradient(135deg, #FF1A1A 0%, #FF4D4D 100%);--primary-glow: 0 0 20px rgba(255, 26, 26, .4);--text-primary: #FFFFFF;--text-secondary: #A3A3A3;--text-tertiary: #525252;--text-accent: #FF1A1A;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-backdrop: blur(12px);--layout-max-width: 1400px;--header-height: 80px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .7s;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-neon: 0 0 15px rgba(255, 26, 26, .3), 0 0 30px rgba(255, 26, 26, .1)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(255,26,26,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,26,26,.03) 0%,transparent 20%)}#root{isolation:isolate;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:700;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.container{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary-color);color:#fff}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);display:flex;align-items:center;transition:all var(--duration-normal) var(--ease-smooth);background:transparent;border-bottom:1px solid transparent}.navigation.scrolled{background:#050505cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);height:70px}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-logo-img{width:32px;height:32px;object-fit:contain}.nav-logo-fallback{width:32px;height:32px;background:var(--primary-gradient);border-radius:6px}.nav-brand-text{font-size:1.25rem;font-weight:800;letter-spacing:1px;color:var(--text-primary)}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{position:relative;padding:8px 16px;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all var(--duration-fast);border-radius:var(--radius-full)}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--text-primary);background:#ffffff1a}.nav-link:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:2px;background:var(--primary-color);transition:transform var(--duration-fast) var(--ease-smooth);border-radius:2px}.nav-link:hover:after,.nav-link.active:after{transform:translate(-50%) scaleX(1)}@media(max-width:768px){.nav-brand-text{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--header-height)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;z-index:1;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.hero-badge:hover{background:#ffffff1a;border-color:#fff6}.badge-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.badge-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.hero-title{font-size:5rem;line-height:.95;font-weight:800;letter-spacing:-2px}.hero-description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);max-width:500px}.hero-actions{display:flex;gap:16px;margin-top:16px}.btn{position:relative;padding:16px 32px;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all var(--duration-fast) var(--ease-smooth);overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero-visual{perspective:1000px;display:flex;justify-content:center}.card-stack{position:relative;width:400px;height:500px;transform-style:preserve-3d;animation:float-3d 6s ease-in-out infinite}.card-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.layer-1{transform:translateZ(-50px) rotate(-10deg);background:linear-gradient(135deg,#1a1a1a,#0a0a0a);opacity:.6;z-index:1}.layer-2{transform:translateZ(-25px) rotate(-5deg);background:linear-gradient(135deg,#262626,#111);opacity:.8;z-index:5}.layer-3{transform:translateZ(0) rotate(0);background:linear-gradient(135deg,#1e1e1ee6,#0a0a0af2);border:1px solid rgba(255,255,255,.1);border-color:var(--theme-color, rgba(255, 255, 255, .1));box-shadow:0 25px 50px -12px #00000080,0 0 30px -10px var(--theme-color, transparent);z-index:10}.shuffling .layer-3{animation:flyOutRight .7s cubic-bezier(.4,0,.2,1) forwards}.shuffling .layer-2{animation:highlightAndMove .7s cubic-bezier(.4,0,.2,1) forwards}.shuffling .layer-1{animation:moveToLayer2 .7s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.1s}.shuffling .layer-enter{animation:enterFromTop .7s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.1s}.layer-enter{transform:translateZ(-75px) translateY(-50px);opacity:0;z-index:-1}@keyframes flyOutRight{0%,30%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translateZ(50px) translate(120%) rotate(10deg);opacity:0}}@keyframes highlightAndMove{0%{transform:translateZ(-25px) rotate(-5deg);opacity:.8;border:1px solid transparent;box-shadow:0 0 0 0 transparent;background:linear-gradient(135deg,#262626,#111)}30%{transform:translateZ(-25px) rotate(-5deg);opacity:1;border:1px solid var(--theme-color, rgba(255, 255, 255, .1));box-shadow:0 25px 50px -12px #00000080,0 0 30px -10px var(--theme-color, transparent);background:linear-gradient(135deg,#1e1e1ee6,#0a0a0af2)}to{transform:translateZ(0) rotate(0);opacity:1;border:1px solid var(--theme-color, rgba(255, 255, 255, .1));box-shadow:0 25px 50px -12px #00000080,0 0 30px -10px var(--theme-color, transparent);background:linear-gradient(135deg,#1e1e1ee6,#0a0a0af2);filter:none}}@keyframes moveToLayer2{0%{transform:translateZ(-50px) rotate(-10deg);opacity:.6;background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}to{transform:translateZ(-25px) rotate(-5deg);opacity:.8;background:linear-gradient(135deg,#262626,#111)}}@keyframes enterFromTop{0%{transform:translateZ(-80px) translateY(-80%) rotate(-15deg);opacity:0}to{transform:translateZ(-50px) translateY(0) rotate(-10deg);opacity:.6}}.visual-content{text-align:center}.visual-icon{font-size:4rem;margin-bottom:16px;color:var(--theme-color, white);filter:drop-shadow(0 0 20px var(--theme-color, rgba(255, 26, 26, .4)));display:flex;justify-content:center}.visual-icon svg{width:1em;height:1em}@keyframes float-3d{0%,to{transform:rotateY(-10deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-20px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@media(max-width:968px){.hero{padding-top:120px;padding-bottom:80px;height:auto;min-height:auto}.hero-container{grid-template-columns:1fr;text-align:center;gap:80px}.hero-content{align-items:center}.hero-title{font-size:3.5rem}.hero-description{margin:0 auto}.hero-actions{justify-content:center}.card-stack{width:300px;height:380px;margin:0 auto}}.about{padding:120px 20px;position:relative;overflow:hidden}.about-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glow-bar{position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--primary-color),transparent);opacity:.2}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-badge{display:inline-block;color:#f33;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.section-title{font-size:4rem;font-weight:900;line-height:1.05;margin-bottom:32px;color:#fff}.text-highlight{color:#f33;text-transform:uppercase;background:linear-gradient(90deg,#f33,#f11);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-lead{font-size:1.15rem;color:#e0e0e0;margin-bottom:24px;line-height:1.6;max-width:480px}.section-text{font-size:1rem;color:#888;margin-bottom:48px;line-height:1.6;max-width:480px}.about-stats{display:inline-flex;align-items:center;gap:60px;padding:30px 40px;border-radius:20px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);width:auto;margin-bottom:40px}.about-cta{display:flex;justify-content:center;width:100%}.btn-acquired{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.btn-acquired:hover{border-color:#f33;background:#ff33331a;color:#f33;gap:16px}.btn-acquired .arrow{font-size:1.2rem;transition:transform .3s ease}.stat{display:flex;flex-direction:column;gap:8px}.stat strong{font-size:1.8rem;font-weight:800;color:#fff;background:none;-webkit-text-fill-color:white}.stat span{font-size:.75rem;color:#666;font-weight:700;text-transform:uppercase;letter-spacing:2px}.about-features-grid{display:flex;flex-direction:column;gap:24px;position:relative;border-left:1px solid rgba(255,51,51,.2);padding-left:40px}.feature-card{padding:32px;border-radius:24px;transition:transform .3s ease;background:#050505;border:1px solid rgba(255,255,255,.05);height:auto;width:100%;position:relative}.feature-card:before{content:"";position:absolute;left:-41px;top:40px;width:40px;height:1px;background:linear-gradient(90deg,rgba(255,51,51,.5),transparent);opacity:.5}.feature-card:hover{transform:translate(10px);border-color:#ffffff26;background:#080808}.feature-icon{font-size:2.5rem;margin-bottom:16px;filter:drop-shadow(0 0 15px rgba(255,255,255,.1))}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#fff}.feature-card p{font-size:.9rem;color:#888;line-height:1.5}.card-1,.card-2,.card-3,.card-4{margin-top:0}@media(max-width:968px){.about-grid{grid-template-columns:1fr;gap:60px}.about-stats{width:100%;justify-content:space-between}.about-features-grid{max-width:600px;margin:0 auto}.card-2,.card-3{margin-top:0}}.section-divider-container{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding-bottom:20px}.section-divider{width:80%;max-width:1200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,51,51,.5),transparent);position:relative}.section-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#ff3333,transparent);filter:blur(2px)}.community{position:relative;padding:120px 20px;overflow:hidden}.community-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.glow-sphere-3{position:absolute;width:600px;height:600px;background:#5865f2;border-radius:50%;filter:blur(120px);opacity:.15;top:50%;right:-200px;transform:translateY(-50%)}.community-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.community-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px;align-items:center;border:1px solid rgba(88,101,242,.2);background:linear-gradient(135deg,#5865f20d,#0a0a0a99);border-radius:32px;position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#5865F2,transparent);opacity:.5}.community-content h2{font-size:3rem;font-weight:800;margin:24px 0;line-height:1.1}.text-discord{background:linear-gradient(135deg,#fff,#5865f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-content p{font-size:1.1rem;color:var(--text-gray);margin-bottom:40px;max-width:480px;line-height:1.6}.community-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:50px;color:#5865f2;font-size:.9rem;font-weight:600}.available-dot{width:8px;height:8px;background:#5865f2;border-radius:50%;box-shadow:0 0 10px #5865f2;animation:pulse 2s infinite}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:800;color:#fff}.stat-label{font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.btn-discord{background:#5865f2;color:#fff;border:none;display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.btn-discord:hover{transform:translateY(-2px);box-shadow:0 10px 30px #5865f266}.community-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.discord-logo-float{width:120px;height:120px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(88,101,242,.4));z-index:2}.discord-logo-float img{width:100%;height:100%;object-fit:contain}.chat-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble{position:absolute;background:#141414e6;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:16px;font-size:.9em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 8s ease-in-out infinite;max-width:200px}.bubble span{display:block;font-size:.75em;font-weight:700;margin-bottom:4px}.bubble .user{color:#5865f2}.bubble .dev{color:#00f260}.bubble-1{top:10%;left:0;animation-delay:0s}.bubble-2{top:40%;right:-20px;animation-delay:-2s;background:#5865f21a;border-color:#5865f24d}.bubble-3{bottom:15%;left:20px;animation-delay:-4s}@media(max-width:968px){.community-card{grid-template-columns:1fr;text-align:center;padding:40px 24px;gap:40px}.community-content h2{font-size:2.5rem}.community-content p{margin:0 auto 40px}.stat-grid{justify-content:center;gap:40px}.community-visual{height:300px}}.game-card-wrapper{position:relative;z-index:1;width:100%;max-width:340px}.game-card{width:100%;position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:transform .1s ease-out;height:100%;display:flex;flex-direction:column;transform-style:preserve-3d;background:var(--bg-card)}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-image-container{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.game-card:hover .card-image{transform:scale(1.1)}.card-image-placeholder{width:100%;height:100%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:var(--text-tertiary)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-card:hover .card-overlay{opacity:1}.play-button{padding:12px 32px;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-weight:700;transform:translateY(20px);transition:all var(--duration-normal) var(--ease-spring);box-shadow:0 4px 15px #ff1a1a4d}.game-card:hover .play-button{transform:translateY(0)}.play-button:hover{background:#fff;color:var(--primary-color)}.card-content{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.new-badge{font-size:.75rem;font-weight:700;color:var(--primary-color);background:#ff1a1a1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,26,26,.2)}.card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.card-stats{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;border-top:1px solid var(--border-subtle)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:600}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.showcase{padding:120px 0;background:var(--bg-primary);opacity:1}.showcase-header{text-align:center;max-width:600px;margin:0 auto 80px}.section-title{font-size:3rem;margin-bottom:16px;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,340px));gap:40px;padding:20px;justify-content:center}.no-games{text-align:center;padding:80px;max-width:500px;margin:0 auto;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:16px}.no-games-icon{font-size:4rem;margin-bottom:8px;animation:float 6s ease-in-out infinite}.no-games h3{font-size:1.5rem;color:var(--text-primary)}.no-games p{color:var(--text-secondary)}@media(max-width:768px){.showcase{padding:80px 0}.section-title{font-size:2.5rem}.games-grid{grid-template-columns:1fr;gap:24px;padding:0 20px}}.contact-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:flex-start;justify-content:center;padding:160px 20px 80px;position:relative;overflow:hidden}.contact-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.glow-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.glow-sphere-1{width:500px;height:500px;background:var(--primary-color);top:-100px;right:-100px;animation-delay:-5s}.glow-sphere-2{width:400px;height:400px;background:purple;bottom:0;left:-100px;animation-delay:-2s}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}.contact-container{width:100%;max-width:1280px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}.contact-header{text-align:center}.contact-header h1{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;text-transform:uppercase;margin:0 0 16px;letter-spacing:-2px;color:var(--text-primary)}.contact-header h1 .text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0;font-weight:400}.contact-content-layout{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:40px;width:100%;max-width:1200px;position:relative;margin:0 auto}.contact-form-wrapper{width:600px;flex:0 0 600px;padding:40px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #ffffff0d,var(--shadow-lg);transition:all .5s ease}.acquisitions-info-panel{width:500px;flex:0 0 500px;padding-left:0;padding-top:0;animation:slideInRight .6s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column}.steps-container{display:flex;flex-direction:column;height:100%;padding:140px 0}.step-card{display:flex;gap:20px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);margin:0;opacity:0;transform:translate(30px);animation:staggerFadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.step-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:8px}.step-content h3{font-size:1.2rem;color:var(--text-primary);margin:0}.step-content p{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5}.step-connector{width:2px;flex-grow:1;min-height:20px;background:#ffffff1a;margin-left:49px;margin-top:0;margin-bottom:0}.form-slide-in{animation:fadeIn .4s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translate(30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-type-selector{display:flex;gap:16px;margin-bottom:32px}.type-btn{flex:1;padding:12px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-weight:600;transition:all var(--transition-normal);font-size:.95rem}.type-btn:hover{background:#ffffff0d;color:var(--text-primary)}.type-btn.active{background:transparent;border-color:var(--text-secondary);color:var(--text-primary);box-shadow:inset 0 0 10px #ffffff0d}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0a0a0a99;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-tertiary);background:#0f0f0fcc}.optional{font-size:.8em;color:var(--text-tertiary);margin-left:6px}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-option{position:relative;cursor:pointer}.role-option input{position:absolute;opacity:0;cursor:pointer}.role-box{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-primary);font-weight:600;font-size:.9rem;transition:all .2s ease}.role-option:hover .role-box{background:#ffffff08}.role-option input:checked+.role-box{background:var(--text-primary);color:#000;border-color:var(--text-primary)}.form-footer{margin-bottom:24px}.checkbox-container{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:30px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .2s}.checkbox-container:hover input~.checkmark{border-color:var(--text-secondary)}.checkbox-container input:checked~.checkmark{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid var(--text-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.checkbox-text a{color:var(--text-secondary);text-decoration:underline}.submit-btn{width:100%;padding:16px;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;background:#ffffff08}.submit-btn:hover{background:#ffffff14;transform:translateY(-1px)}@media(max-width:1150px){.contact-content-layout{flex-direction:column;align-items:center;gap:40px}.contact-form-wrapper{width:100%;max-width:600px;flex:auto}.acquisitions-info-panel{width:100%;max-width:600px;flex:auto;padding-left:0}.role-selector{grid-template-columns:1fr}}.admin-container{display:flex;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.admin-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--glass-border);padding:24px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--glass-border)}.sidebar-logo{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;transition:all var(--duration-fast) var(--ease-smooth);cursor:pointer;text-align:left;border:1px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#ff1a1a1a;color:var(--primary-color);border-color:#ff1a1a33}.nav-icon{font-size:1.2rem}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--glass-border)}.logout-btn{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);transition:color var(--duration-fast)}.logout-btn:hover{color:var(--text-primary)}.admin-main{flex:1;margin-left:280px;padding:40px;max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.primary-btn{background:var(--primary-gradient);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;box-shadow:var(--shadow-neon);transition:all var(--duration-fast) var(--ease-spring);border:none;display:flex;align-items:center;gap:8px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff1a1a80}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#141414cc,#000)}.login-card{width:100%;max-width:420px;padding:48px;border-radius:var(--radius-lg);background:#0a0a0a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);text-align:center}.login-title{font-size:2rem;font-weight:800;margin-bottom:8px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:all var(--duration-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff1a1a1a;background:var(--bg-secondary)}.games-grid{display:flex;flex-direction:column;gap:16px}.game-card-item{display:flex;align-items:center;padding:20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:transform var(--duration-fast),border-color var(--duration-fast)}.game-card-item:hover{border-color:#ffffff1a;transform:translate(4px)}.drag-handle{cursor:grab;color:var(--text-tertiary);padding:8px;margin-right:16px;display:flex;align-items:center}.drag-handle:hover{color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.game-info{flex:1}.game-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.game-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-badge{font-size:.75rem;padding:4px 8px;border-radius:var(--radius-full);background:#ffffff1a;color:var(--text-secondary);font-weight:500}.status-badge.visible{background:#2ecc711a;color:#2ecc71}.status-badge.hidden{background:#ff1a1a1a;color:#ff4d4d}.game-meta{font-size:.9rem;color:var(--text-secondary);display:flex;gap:16px}.game-actions{display:flex;gap:8px;opacity:.8;transition:opacity var(--duration-fast)}.game-card-item:hover .game-actions{opacity:1}.icon-btn{padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--duration-fast);background:transparent;border:1px solid transparent}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--glass-border)}.icon-btn.danger:hover{background:#ff1a1a1a;color:var(--primary-color);border-color:#ff1a1a33}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.modal{background:#0a0a0a;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:32px;margin:20px}.image-upload-area{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:32px;text-align:center;transition:all var(--duration-fast);cursor:pointer;background:var(--glass-bg)}.image-upload-area:hover,.image-upload-area.dragging{border-color:var(--primary-color);background:#ff1a1a0d}.upload-placeholder{color:var(--text-secondary)}.upload-icon{font-size:2rem;color:var(--text-tertiary);margin-bottom:8px;display:block}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border)}.preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background var(--duration-fast)}.remove-image-btn:hover{background:var(--primary-color)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.main-content{flex:1}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:80px 20px 40px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.3}.footer-container{max-width:var(--layout-max-width);margin:0 auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-brand h3{font-size:2rem;font-weight:800;letter-spacing:-1px;margin:0 0 16px;color:var(--text-primary);background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.footer-brand p{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400;max-width:300px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:20px}.footer-links h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}.footer-links a{color:var(--text-secondary);transition:all var(--duration-fast);font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:8px}.footer-links a:hover{color:var(--primary-color);transform:translate(4px)}.footer-copyright{text-align:center;padding-top:40px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;max-width:var(--layout-max-width);margin:0 auto}.footer-copyright p{margin:0;color:var(--text-tertiary);font-size:.85rem}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:40px}.footer{padding:60px 20px 30px}.footer-copyright{flex-direction:column;gap:16px}}
