.banner-section{background:linear-gradient(180deg, var(--color-bg-dark) 0%, #1a102580 50%, var(--color-bg-dark) 100%)}.bg-gradient-radial{background:radial-gradient(circle, var(--tw-gradient-from) 0%, var(--tw-gradient-to) 70%)}.slide-wrapper{padding:0 12px}.banner-card{background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.banner-card:hover{border-color:#f59e0b4d;transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000080,0 0 40px #f59e0b26}.banner-image-container{aspect-ratio:21/7;position:relative;overflow:hidden}@media (min-width:1024px){.banner-image-container{aspect-ratio:21/7}}@media (max-width:768px){.banner-image-container{aspect-ratio:16/7}}.banner-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.banner-card:hover .banner-image{transform:scale(1.08)}.banner-image-overlay{pointer-events:none;background:linear-gradient(#0000 0% 40%,#000c 100%);position:absolute;inset:0}.play-button{color:#fff;opacity:0;background:#f59e0be6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 30px #f59e0b80}.banner-card:hover .play-button{opacity:1;transform:translate(-50%,-50%)scale(1)}.play-button:hover{background:#f59e0b;box-shadow:0 0 50px #f59e0bb3}.banner-content{background:linear-gradient(180deg, var(--color-bg-card) 0%, var(--color-bg-elevated) 100%);padding:20px}.icon-wrapper{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.banner-title{color:#fff;font-size:1.25rem;font-weight:700;transition:color .3s}.banner-card:hover .banner-title{color:var(--color-primary)}.banner-subtitle{color:var(--color-text-secondary);font-size:.875rem}.banner-carousel .slick-slide{transition:all .5s}.banner-carousel .slick-center .banner-card{transform:scale(1)}.banner-carousel .slick-slide:not(.slick-center) .banner-card{opacity:.5;transform:scale(.9)}.banner-carousel .slick-slide:not(.slick-center) .banner-card:hover{opacity:.8;transform:scale(.95)}.banner-carousel .slick-dots{bottom:-35px}.banner-carousel .slick-dots li{margin:0 6px}.banner-carousel .slick-dots li button:before{background:var(--color-bg-hover);opacity:1;border-radius:6px;width:12px;height:12px;font-size:0;transition:all .3s}.banner-carousel .slick-dots li.slick-active button:before{background:var(--color-primary);width:30px;box-shadow:0 0 15px #f59e0b80}.banner-carousel .slick-prev,.banner-carousel .slick-next{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;width:50px;height:50px;transition:all .3s}.banner-carousel .slick-prev:hover,.banner-carousel .slick-next:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 20px #f59e0b80}.banner-carousel .slick-prev{left:5%}.banner-carousel .slick-next{right:5%}.banner-carousel .slick-prev:before,.banner-carousel .slick-next:before{color:#fff;opacity:1;font-size:22px}@media (max-width:768px){.banner-carousel .slick-prev,.banner-carousel .slick-next{width:40px;height:40px}.banner-carousel .slick-prev{left:2%}.banner-carousel .slick-next{right:2%}.banner-carousel .slick-prev:before,.banner-carousel .slick-next:before{font-size:18px}.banner-content{padding:16px}.banner-title{font-size:1rem}.icon-wrapper{width:36px;height:36px}.play-button{width:56px;height:56px}.play-button svg{width:24px;height:24px}}
.games-carousel-section{width:100%;margin-top:.5rem;padding:1rem 0 1.5rem;position:relative;overflow:hidden}.games-title-wrapper{max-width:1400px;margin:0 auto 1rem;padding:0 1rem}@media (min-width:640px){.games-title-wrapper{padding:0 2rem}}.games-title-container{align-items:center;gap:.75rem;display:flex}.games-title-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;animation:2s ease-in-out infinite iconPulse;display:flex}@keyframes iconPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.games-title{letter-spacing:-.02em;align-items:baseline;gap:.375rem;font-size:1.125rem;font-weight:700;display:flex}@media (min-width:640px){.games-title{font-size:1.25rem}}.games-title-text{color:#f8fafc}.games-title-highlight{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.games-title-highlight:after{content:"";opacity:.6;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:1px;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.games-title-line{background:linear-gradient(90deg,#10b98166 0%,#0000 100%);flex:1;height:1px;margin-left:.5rem}.games-autoplay-btn{color:#10b981;cursor:pointer;background:#10b9811a;border:1px solid #10b98140;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-left:.5rem;transition:all .2s;display:flex}.games-autoplay-btn:hover{background:#10b98133;border-color:#10b98166;transform:scale(1.05)}.games-autoplay-btn:focus-visible{outline-offset:2px;outline:2px solid #10b981}.games-autoplay-btn:active{transform:scale(.95)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.games-carousel-container{max-width:1400px;margin:0 auto;padding:0 1rem;position:relative}@media (min-width:640px){.games-carousel-container{padding:0 2rem}}.games-scroll-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding:.5rem 0;scroll-padding:0 1rem;display:flex;overflow:auto hidden}.games-scroll-container::-webkit-scrollbar{display:none}@media (min-width:640px){.games-scroll-container{gap:1rem}}.game-card{cursor:pointer;scroll-snap-align:start;background:#12121a99;border:1px solid #ffffff0f;border-radius:1rem;flex-shrink:0;align-items:center;gap:.75rem;min-width:max-content;padding:.625rem 1rem .625rem .875rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s ease-out both cardFadeIn;display:flex}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{background:#10b98114;border-color:#10b98140;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #10b9811a}.game-card:active{transform:translateY(0)}.game-card-icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .25s,box-shadow .25s;display:flex}.game-card:hover .game-card-icon{transform:scale(1.08);box-shadow:0 4px 12px #0000004d}.game-card-content{flex-direction:column;gap:.125rem;min-width:0;display:flex}.game-card-title{color:#f8fafc;white-space:nowrap;font-size:.8125rem;font-weight:600;transition:color .2s}.game-card:hover .game-card-title{color:#34d399}.game-card-desc{color:#64748b;white-space:nowrap;font-size:.6875rem;transition:color .2s}.game-card:hover .game-card-desc{color:#94a3b8}.game-card-play{color:#10b981;opacity:0;background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:flex;transform:translate(-4px)}.game-card:hover .game-card-play{opacity:1;transform:translate(0)}.games-nav-btn{z-index:20;color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#12121af2;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:768px){.games-nav-btn{display:flex}}.games-nav-btn:hover{color:#34d399;background:#10b98126;border-color:#10b98166;transform:translateY(-50%)scale(1.05)}.games-nav-btn:active{transform:translateY(-50%)scale(.95)}.games-nav-left{left:.25rem}.games-nav-right{right:.25rem}@media (min-width:640px){.games-nav-left{left:.5rem}.games-nav-right{right:.5rem}}.games-nav-hidden{opacity:0;pointer-events:none}.games-gradient-left,.games-gradient-right{pointer-events:none;z-index:10;width:3rem;transition:opacity .3s;position:absolute;top:0;bottom:0}.games-gradient-left{background:linear-gradient(90deg,#0a0a0ff2,#0000);left:0}.games-gradient-right{background:linear-gradient(270deg,#0a0a0ff2,#0000);right:0}@media (min-width:640px){.games-gradient-left,.games-gradient-right{width:4rem}}@media (prefers-reduced-motion:reduce){.game-card{transition:none;animation:none}.game-card:hover{transform:none}.game-card-icon,.game-card-play,.games-nav-btn{transition:none}.games-nav-btn:hover{transform:translateY(-50%)}}@media (hover:none){.game-card:hover{background:#12121a99;border-color:#ffffff0f;transform:none}.game-card:active{background:#10b98114;border-color:#10b98140}.game-card-play{opacity:1;transform:translate(0)}.games-nav-btn{display:none}}.game-card:focus-visible{outline-offset:2px;background:#10b98114;border-color:#10b98140;outline:2px solid #10b981}.games-nav-btn:focus-visible{outline-offset:2px;outline:2px solid #10b981}.badge-pulsing{animation:1.8s cubic-bezier(.4,0,.2,1) infinite badgePulse}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #facc15b3}70%{transform:scale(1.1);box-shadow:0 0 0 5px #facc1500}to{transform:scale(1);box-shadow:0 0 #facc1500}}