@layer keen-slider{.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}}section{padding:40px 0;background-color:#010a1e;position:relative;overflow:hidden}@media only screen and (min-width: 1280px){section{padding:80px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-section{padding:120px 0 20px}@media only screen and (min-width: 992px){.hero-section{padding:160px 0 40px}}.hero-inner{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width: 992px){.hero-inner{flex-direction:row;gap:100px;align-items:flex-start}}@media only screen and (min-width: 1280px){.hero-inner{gap:140px}}.hero-title{font-size:clamp(36px,5vw,48px);font-weight:700;line-height:1.1;color:#fff;margin:0 0 8px;text-align:left;letter-spacing:-.84px;text-transform:uppercase}.col-left{flex:1 1 50%;animation:fadeUp .6s ease-out both}.col-left .text{font-size:16px;line-height:1.5;font-weight:400;color:#fff;margin:0;letter-spacing:-.4px;max-width:435px}.col-left .text span{color:#0099fa}.col-right{flex:1 1 45%;animation:fadeUp .6s ease-out .15s both}.col-right .text{font-size:16px;line-height:1.5;font-weight:400;color:#fff;letter-spacing:-.4px;margin:0 0 20px}@media only screen and (min-width: 992px){.col-right .text{margin:0 0 40px}}.col-right .text span{color:#0099fa}.games-section{padding:20px 0 40px;z-index:0}@media only screen and (min-width: 992px){.games-section{padding:40px 0}}@media only screen and (min-width: 992px){.games-section:before{content:"";position:absolute;right:0;top:0;transform:translate(41%,78%);width:1613px;height:380px;background:url(../img/cloude.webp) center no-repeat;background-size:contain;z-index:-1}}.games-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media only screen and (min-width: 768px){.games-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media only screen and (min-width: 992px){.games-grid{gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}}.game-card{position:relative;border-radius:12px;overflow:hidden;background:#2c364a;cursor:pointer;aspect-ratio:1/1;border:2px solid #2c364a;transition:border-color .3s ease}@media only screen and (min-width: 992px){.game-card{border-radius:20px}}.game-card:hover .game-card-img{transform:scale(1.06)}.game-card:hover .game-card-overlay{opacity:1}.game-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease-out}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 20px;background:#000000a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease}@media only screen and (min-width: 768px){.card-overlay{gap:20px;padding:25px}}.card-overlay .btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}@media only screen and (min-width: 768px){.card-overlay .btn-wrapper{gap:10px}}.overlay-title{font-size:16px;line-height:1.5;font-weight:400;color:#fff;letter-spacing:-.4px;text-align:center;margin:0 auto}.game-card:hover{border-color:#0069ff}.game-card:hover .card-overlay{opacity:1;background:linear-gradient(to top,rgba(4,9,26,.88) 0%,rgba(4,9,26,.45) 55%,transparent 100%);padding-bottom:1.5rem;border-radius:12px;overflow:hidden}@media only screen and (min-width: 992px){.game-card:hover .card-overlay{border-radius:20px}}.game-card:hover .card-overlay,.game-card.is-touched .card-overlay{opacity:1;pointer-events:auto}.responsive-btn{height:36px;padding:14px 32px;max-width:122px;font-size:clamp(14px,3vw,16px);border-radius:12px;font-weight:500;letter-spacing:-.24px}@media only screen and (min-width: 768px){.responsive-btn{max-width:200px;border-radius:16px;height:56px;font-weight:600}}.content-slider-section{padding:20px 0 40px}@media only screen and (min-width: 992px){.content-slider-section{padding:40px 0 80px}}.content-slide-card{border-radius:24px;border:2px solid #102450;background:#04102a;padding:40px 20px;min-height:min(100%,430px);display:flex;flex-direction:column;justify-content:flex-start;position:relative}@media only screen and (min-width: 992px){.content-slide-card{padding:32px 64px;min-height:min(100%,258px);justify-content:center}}.slider-title{font-size:clamp(32px,6vw,36px);font-weight:700;line-height:1.2;color:#fff;text-align:left;max-width:900px;margin:0 0 16px;letter-spacing:-.84px;text-transform:uppercase}.slider-text{font-size:16px;line-height:1.5;font-weight:400;color:#fff;letter-spacing:-.4px;margin:0}.content-slider-dots{display:flex;justify-content:center;gap:10px;margin-top:28px}.content-slider-dots .dot{width:12px;height:12px;padding:0;border-radius:50%;background:#8893aa;border:0;cursor:pointer;transition:all .3s ease}.content-slider-dots .dot.active{width:36px;border-radius:100px;background:#0099fa}.mobile-text{display:none}@media (max-width: 768px){.desktop-text{display:none}.mobile-text{display:inline}}.content-slider{position:relative}.content-slider .keen-slider__slide{position:absolute;top:0;left:0;width:100%;transform:none;opacity:0}.content-slider .keen-slider__slide:first-child{position:relative}
