*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a12;color:#e0e0f0;font-family:Inter,sans-serif;overflow-x:hidden}a,button,[role=button]{cursor:pointer}#pixi-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content-layer{position:relative;z-index:1}.glow-text{text-shadow:0 0 20px rgba(108,92,231,.6),0 0 60px rgba(108,92,231,.3)}.glow-cyan{text-shadow:0 0 20px rgba(0,206,201,.6),0 0 60px rgba(0,206,201,.3)}.glass{background:#0d0d1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(108,92,231,.15)}.game-card{cursor:pointer;text-decoration:none;color:inherit;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #6c5ce74d,0 0 40px #6c5ce726;border:1px solid transparent;background:linear-gradient(#0d0d1abf,#0d0d1abf) padding-box,linear-gradient(135deg,#6c5ce7,#00cec9) border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-thumb{transition:filter .4s ease}.game-card:hover .card-thumb{filter:brightness(1.3) saturate(1.35)}.btn-epic{position:relative;overflow:hidden;transition:all .3s ease}.btn-epic:before{content:"";position:absolute;top:-10%;left:-130%;width:70%;height:120%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38) 50%,transparent);transform:skew(-15deg);transition:left .55s ease}.btn-epic:hover:before{left:130%}.btn-epic:hover{box-shadow:0 0 30px #6c5ce780,0 0 60px #6c5ce733}.hero-letter{display:inline-block;opacity:0;transform:translateY(40px) rotateX(-40deg);animation:letterIn .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes letterIn{to{opacity:1;transform:translateY(0) rotateX(0)}}.game-card:hover .card-icon{animation:iconBounce .7s cubic-bezier(.22,1,.36,1)}@keyframes iconBounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-12deg)}60%{transform:scale(.95) rotate(6deg)}to{transform:scale(1.08) rotate(0)}}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#6c5ce7,#00cec9);border-radius:1px;transition:width .35s ease,left .35s ease}.nav-link.active{color:#fff}.nav-link.active:after{width:100%;left:0}.steps-container{position:relative}.step-connector-line{display:none}@media(min-width:768px){.step-connector-line{display:block;position:absolute;top:40px;height:2px;background:linear-gradient(90deg,#6c5ce7,#00cec9);opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform 1.2s ease,opacity .6s ease;border-radius:1px}.step-connector-line.animate{opacity:.5;transform:scaleX(1)}.step-line-1{left:calc(16.66% + 42px);width:calc(33.33% - 84px);transition-delay:.2s}.step-line-2{left:calc(50% + 42px);width:calc(33.33% - 84px);transition-delay:.6s}}.server-dot{animation:serverPulse 2.2s ease-in-out infinite}@keyframes serverPulse{0%,to{box-shadow:0 0 #4ade8080;opacity:1}50%{box-shadow:0 0 0 6px #4ade8000;opacity:.8}}.count-up,.counter{font-variant-numeric:tabular-nums}.feature-icon{transition:transform .3s ease}.feature-icon:hover{transform:rotate(5deg) scale(1.1)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.pulse-ring{animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 #6c5ce766}50%{box-shadow:0 0 0 15px #6c5ce700}}.float-anim{animation:floatY 6s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-shift{background-size:200% 200%;animation:gradientShift 4s ease infinite}.stat-bar{height:3px;background:linear-gradient(90deg,#6c5ce7,#00cec9);border-radius:2px;animation:statPulse 3s ease-in-out infinite}@keyframes statPulse{0%,to{opacity:.5;width:0%}50%{opacity:1;width:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a12}::-webkit-scrollbar-thumb{background:#6c5ce7;border-radius:3px}#auth-btn-login{transition:all .25s ease}#auth-btn-login:hover{background:#6c5ce726;border-color:#6c5ce7;color:#fff}#auth-menu-wrap{position:relative}#auth-btn-account{transition:all .25s ease}#auth-btn-account:hover{background:#6c5ce726;border-color:#6c5ce7;color:#fff}#auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#0d0d1af7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(108,92,231,.3);border-radius:10px;padding:6px;box-shadow:0 8px 32px #00000080,0 0 20px #6c5ce71a;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999}#auth-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}#auth-dropdown a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;font-size:.82rem;font-weight:500;color:#e0e0f0;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}#auth-dropdown a:hover{background:#fd79a81f;color:#fd79a8}