* {     margin: 0;     padding: 0;     box-sizing: border-box; }  html, body {     overflow-x: hidden; }  body {     font-family: Roboto, sans-serif;     background: #010822 url(/shared/3489/vlk-bg.webp) no-repeat 50% 0;     color: #fff;     line-height: 1.6;     color: #989aa0; }  a {     text-decoration: none; }  .info-section a {     text-decoration: underline;     color: #204be4; }  .info-section a:hover {     text-decoration: none;     color: #1d3cab; }  .info-section img {   max-width: 100%;   height: auto; }  .wrapper {     max-width: 1170px;     margin: 0 auto;     background: #010822;     min-height: 100%;     height: auto !important;     height: 100%; }  /* Header styles */ .header {     position: relative; }  .header__top {     position: fixed;     top: 0;     left: 50%;     transform: translateX(-50%);     width: 100%;     z-index: 1000;     height: 172px;     background: linear-gradient(135deg, #0f4472 0, #0d3760 36%, #0d2b50 60%, #0d2548 100%);     border-bottom: 1px solid rgba(255, 255, 255, 0.1);     max-width: 1170px;     margin: 0 auto; }  .header__main {     display: flex;     justify-content: space-between;     gap: 30px;     align-items: center;     height: 100%;     padding: 0 20px; }  .logo {     display: block;     width: 200px; }  .auth-buttons {     display: flex;     align-items: center;     gap: 10px;     padding: 16px 0 0;     width: 50%;     justify-content: space-between;     flex-wrap: wrap; }  .site-description {     padding: 16px 0 0;     color: #fff;     font-size: 14px;     line-height: 1.4;     max-width: 600px;     display: flex;     flex-direction: column; }  .site-description__title {     display: inline-block;     margin-bottom: 10px; }  .btn {     padding: 10px 20px;     border: none;     border-radius: 4px;     cursor: pointer;     font-weight: bold;     transition: all 0.3s;     width: 160px;     text-align: center; }  .btn-register {     background: linear-gradient(to bottom, #ffce1e 0, #ffce1e 12%, #ffc71e 24%, #ffb01e 57%, #ffa11e 92%, #ffbe25 97%, #ffbe25 100%);     margin-top: 6px;     cursor: pointer;     -webkit-text-shadow: 0 1px 0 #ffcb6d;     -moz-text-shadow: 0 1px 0 #ffcb6d;     text-shadow: 0 1px 0 #ffcb6d;     padding: 11px 0;     color: #b44c00;     position: relative;     border: 1px solid transparent;     box-shadow: 0 4px 0 #955308, 0 2px 8px #000;     border-bottom-color: #ffbe25;     font-size: 18px;     line-height: 18px;     border-radius: 3px; }  .btn-register:hover {     box-shadow: 0 4px 0 #9e590b, 0 2px 8px #000;     background: #ff871e;     background: -webkit-gradient(left top, left bottom, color-stop(0, #ff871e), color-stop(12%, #ff871e), color-stop(24%, #ff9a1e), color-stop(57%, #ffb41e), color-stop(74%, #ffbf1e), color-stop(86%, #ffd61e), color-stop(98%, #ffed25), color-stop(100%, #ffed25));     background: linear-gradient(to bottom, #ff871e 0, #ff871e 12%, #ff9a1e 24%, #ffb41e 57%, #ffbf1e 74%, #ffd61e 86%, #ffed25 98%, #ffed25 100%); }  .btn-register:after, .btn-login:after {     content: '';     top: 10px;     z-index: -1;     right: 0;     bottom: 0;     left: 0;     position: absolute;     box-shadow: 0 6px 5px #000; }  .btn-login {     margin-top: 15px;     position: relative;     border: 1px solid transparent;     box-shadow: 0 4px 0 #0b2768;     border-bottom-color: #0e469b;     border-top-color: #2a86ef;     color: #0a306e;     line-height: 14px;     border-radius: 3px;     background: #2984ed;     background: -webkit-gradient(left top, left bottom, color-stop(0, #2984ed), color-stop(100%, #103a7d));     background: linear-gradient(to bottom, #2984ed 0, #103a7d 100%);     padding: 8px 0;     cursor: pointer;     -webkit-text-shadow: 0 1px 0 #4b77b5;     -moz-text-shadow: 0 1px 0 #4b77b5;     text-shadow: 0 1px 0 #4b77b5;     font-size: 14px; }  .btn-login:hover {     box-shadow: 0 4px 0 #0a2563;     color: #0a306e;     border-top-color: #0d2b64;     border-bottom-color: #2998f5;     background: #103a7d;     background: -webkit-gradient(left top, left bottom, color-stop(0, #103a7d), color-stop(100%, #2984ed));     background: linear-gradient(to bottom, #103a7d 0, #2984ed 100%); }  .winners-today {     background: rgba(0, 0, 0, 0.3);     border-radius: 8px;     min-width: 280px; }  .winners-today__title {     height: 28px;     padding-top: 3px;     padding-left: 7px;     font-size: 14px;     color: #ffb41e;     text-transform: uppercase;     box-sizing: border-box;     border: 1px solid #ffbf01; }  .winners-list {     display: flex;     flex-direction: column;     gap: 8px; }  .winner-item {     display: flex;     justify-content: space-between;     align-items: flex-start;     font-size: 13px;     padding: 0 10px;     border-bottom: 2px solid #020923; }  .winner-item:first-child {     border-top: 2px solid #020923; }  .winner-item:last-child {     border-bottom: none; }  .winner-info {     display: flex;     flex-direction: column; }  .winner-name {     color: #fff; }  .game-name {     color: #fff;     font-size: 12px; }  .win-amount {     color: #ffbf01;     text-align: right; }  .main-nav {     background: linear-gradient(to bottom, #0e426f 0, #0e3a65 40%, #0d2f57 100%);     padding: 2px 0 4px;     width: 100%;     margin-top: 172px; }  .main-nav ul {     display: flex;     list-style: none;     gap: 20px; }  .main-nav ul li {     width: 16.66666666666%; }  .main-nav a {     color: #fff;     text-decoration: none;     display: flex;     justify-content: center;     align-items: center;     gap: 5px;     padding: 8px 12px;     border-radius: 4px;     transition: background-color 0.3s;     font-size: 14px; }  .icon {     width: 16px;     height: 16px;     fill: currentColor;     transition: transform 0.3s ease; }  .main-nav a:hover {     background-color: rgba(255, 255, 255, 0.1); }  .main-nav a:hover .icon {     transform: scale(1.1); }  .main-nav i {     font-size: 14px; }  /* Hero section */ .hero {     position: relative; }  .hero__slider {     position: relative;     overflow: hidden;     height: 50px;     background-position: bottom; }  .slider__wrapper {     height: 100%;     position: relative; }  .slider__slide {     width: 100%;     height: 100%;     background-position: bottom;     background-size: cover;     display: flex;     align-items: center;     padding: 0 50px; }   .slide__content {     position: relative;     z-index: 2;     margin-bottom: -85px; }  .slide__content .btn-register {     width: 272px;     display: block; }  .slider__arrow {     position: absolute;     top: 50%;     transform: translateY(-50%);     z-index: 2;     width: 40px;     height: 40px;     border-radius: 50%;     background: rgba(0, 0, 0, 0.5);     border: 2px solid #fff;     cursor: pointer;     display: flex;     align-items: center;     justify-content: center;     transition: all 0.3s ease; }  .slider__arrow:hover {     background: rgba(0, 0, 0, 0.7); }  .slider__arrow--prev {     left: 20px; }  .slider__arrow--next {     right: 20px; }  .jackpot-counter {     background: rgba(0, 0, 0, 0.5);     padding: 20px;     border-radius: 10px;     text-align: center;     position: absolute;     top: 20px;     right: 20px;     z-index: 2; }  .jackpot-title {     font-size: 24px;     line-height: 1;     color: #fff; }  .jackpot-amount {     font-size: 36px;     color: #fff;     line-height: 1;     margin-top: 5px; }  /* Games navigation */ .games-nav {     position: absolute;     left: 0;     bottom: 0;     background-color: rgba(17, 49, 88, .8);     height: 53px;     width: 100%;     z-index: 1; }  .games-nav ul {     display: flex;     list-style: none;     gap: 15px;     overflow-x: auto;     padding-bottom: 5px; }  .games-nav a {     display: block;     height: 53px;     color: #fff;     font-size: 14px;     position: relative;     padding-top: 19px;     padding-left: 12px;     padding-right: 12px; }  .games-nav a:hover {     background-color: #062346;     color: #ffbc00; }  .games-nav a:hover:before {     content: '';     display: block;     position: absolute;     bottom: 0;     left: 0;     height: 2px;     width: 100%;     background: #df8a09;     background: -moz-linear-gradient(left, #df8a09 0, #f4d618 51%, #df8a09 100%);     background: -webkit-gradient(left top, right top, color-stop(0, #df8a09), color-stop(51%, #f4d618), color-stop(100%, #df8a09));     background: -webkit-linear-gradient(left, #df8a09 0, #f4d618 51%, #df8a09 100%);     background: -o-linear-gradient(left, #df8a09 0, #f4d618 51%, #df8a09 100%);     background: -webkit-gradient(linear, left top, right top, from(#df8a09), color-stop(51%, #f4d618), to(#df8a09));     background: linear-gradient(to right, #df8a09 0, #f4d618 51%, #df8a09 100%); }  /* Main content */ .main-content {     padding: 0 15px; }  .main-content h1 {     font-size: 32px;     margin-top: 10px;     text-align: center;     color: #fff; }  .info-section {     font-family: Roboto, sans-serif; }  .info-section p {     margin: 15px 0;     font-size: 14px;     line-height: 1.45; }  .info-section h2 {     color: #fff;     font-size: 24px;     margin: 30px 0 20px;     font-weight: 500; }  .info-section ul, .info-section ol {     margin: 15px 0;     padding-left: 20px; }  .info-section li {     color: #989aa0;     font-size: 14px;     line-height: 1.45;     margin-bottom: 12px;     position: relative;     padding-left: 15px; }  .info-section ul li::marker {     width: 5px;     height: 5px;     color: #204be4; }  .info-section ol {     list-style: none;     counter-reset: item; }  .info-section ol li {     counter-increment: item; }  .info-section ol li::before {     content: counter(item) ".";     position: absolute;     left: -20px;     color: #204be4;     font-weight: 500; }  /* Footer */ .footer {     padding: 40px 0 20px;     margin-top: 40px;     position: relative; }  .footer .container {     position: relative;     z-index: 1; }  .footer:before {     background-color: #00000057;     bottom: 0;     content: "";     position: absolute;     top: 0;     left: 0;     transform: translateX(-50%);     width: 200vw;     z-index: 0; }  .footer__content {     display: grid;     gap: 40px; }  .payment-methods {     display: flex;     justify-content: center;     gap: 20px;     flex-wrap: wrap; }  .payment-methods img {     filter: grayscale(0);     height: 30px;     transition: all 0.3s; }   .footer__links {     display: flex;     flex-wrap: wrap;     justify-content: center;     gap: 50px; }  .footer__column ul {     list-style: none; }  .footer__column a {     color: #fff;     cursor: pointer;     font-size: 12px;     line-height: 20px; }  .footer__column a:hover {     color: #fff;     text-decoration: underline; }  .footer__bottom {     display: flex;     justify-content: space-between;     align-items: center;     padding: 20px;     border-top: 1px solid rgba(255, 255, 255, 0.1); }  .footer__logos {     display: flex;     justify-content: center;     gap: 20px;     margin-bottom: 20px; }  .footer__logos a {     display: block; }  .footer__logos img {     max-width: 100px;     opacity: 0.7;     transition: opacity 0.3s; }  .footer__logos:last-child a img {     width: 100px; }  .footer__logos img:hover {     opacity: 1; }  .copyright {     font-size: 14px; }  @media (max-width: 1200px) {     .winners-list {         display: grid;         grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));         gap: 15px;     } }  @media (max-width: 1024px) {      .main-nav,     .site-description,     .winners-today {         display: none;     }    .hero {   	display: none;     }      .header__main {         display: flex;         justify-content: space-between;         padding: 0 10px;     } }  @media (max-width: 980px) {     .games-nav {         display: none;     } }  @media (max-width: 768px) {     .auth-buttons {         justify-self: center;     }      .winners-list {         grid-template-columns: 1fr;     }      .slide__content .btn-register {         width: 220px;         font-size: 16px;     }      .slider__arrow {         width: 32px;         height: 32px;     }      .slider__arrow svg {         width: 20px;         height: 20px;     } } @media (max-width: 690px) {     .footer__bottom {         flex-direction: column;     }      .footer__logos {         flex-wrap: wrap;     }      .footer__column {         width: 33%;     }      .footer__links {         gap: 10px;     }      .footer__content {         padding: 0 50px;     } }  @media (max-width: 540px) {     .footer__column {         width: 100%;     } }  @media (max-width: 480px) {     .hero__slide {         height: 250px;         padding: 0 20px;     }      .btn-primary {         padding: 12px 30px;         font-size: 16px;     }      .jackpot-amount {         font-size: 28px;     }      .jackpot-counter {         background: rgba(0, 0, 0, 0.8);     } }  .mobile-menu {     position: absolute;     top: 130%;     left: 0;     width: 100%;     background: #00234c;     z-index: 999;     opacity: 0;     visibility: hidden;     transform: translateY(-10px);     transition: all 0.3s ease-in-out; }  .mobile-menu.active {     opacity: 1;     visibility: visible;     transform: translateY(0); }   .mobile-menu__nav ul {     list-style: none;     padding: 0;     margin: 0; }  .mobile-menu__nav li {     margin: 0;     border-bottom: 1px solid #df8a09; }  .mobile-menu__nav a {     display: flex;     align-items: center;     padding: 7px 20px;     gap: 10px;     color: #fff;     font-size: 16px;     text-decoration: none;     transition: color 0.3s ease; }  .mobile-menu__nav a svg {     display: none; }  .mobile-menu__nav a:hover {     color: #ffb41e; }  .mobile-menu__nav .icon {     width: 16px;     height: 16px; }  .mobile-menu-toggle {     display: none;     position: relative;     z-index: 999;     width: 30px;     height: 30px;     background: transparent;     border: none;     cursor: pointer;     padding: 0;     margin: 10px 20px; }  .mobile-menu-toggle span {     display: block;     width: 100%;     height: 2px;     background-color: #fff;     margin: 6px 0;     transition: all 0.3s ease; }  .mobile-menu-toggle.active span:nth-child(1) {     transform: rotate(45deg) translate(7px, 7px);     margin: 7px 0; }  .mobile-menu-toggle.active span:nth-child(2) {     opacity: 0; }  .mobile-menu-toggle.active span:nth-child(3) {     transform: rotate(-45deg) translate(7px, -7px);     margin: 8px 0; }  @media (max-width: 1024px) {     .mobile-menu-toggle {         display: block;         margin-top: 180px;     }      .main-nav,     .site-description,     .winners-today {         display: none;     }      .header__main {         padding: 0 10px;     }      .logo {         width: 160px;     }      .auth-buttons .btn {         padding: 8px 15px;         font-size: 14px;     } }   @media (max-width: 768px) {     .header__top {         height: 100px;     }      .auth-buttons {         padding: 0;     }      .logo {         width: 140px;     }      .logo img {         width: 100%;     }      .mobile-menu {         top: 100px;     }      .auth-buttons {         gap: 5px;     }      .auth-buttons .btn {         padding: 6px 12px;         font-size: 12px;     }      .mobile-menu-toggle {         display: block;         margin-top: 110px;     }      .mobile-menu {         top: 40px;     } }  .scroll-to-top {     position: fixed;     bottom: 30px;     right: 30px;     width: 40px;     height: 40px;     border-radius: 50%;     background: rgba(0, 0, 0, 0.5);     border: 2px solid #4bb2dd;     color: white;     background: #4bb2dd33;     cursor: pointer;     display: flex;     align-items: center;     justify-content: center;     opacity: 0;     visibility: hidden;     transform: translateY(20px);     transition: all 0.3s ease;     z-index: 1000; }  .scroll-to-top.visible {     opacity: 1;     visibility: visible;     transform: translateY(0); }  .scroll-to-top:hover {     background: linear-gradient(180deg, #236fc2, #013c77);     border: 2px solid #013c77; }  @media (max-width: 768px) {     .scroll-to-top {         bottom: 20px;         right: 20px;         width: 35px;         height: 35px;     }      .scroll-to-top svg {         width: 16px;         height: 16px;     } }  .breadcrumbs__list {     display: flex;     flex-wrap: wrap;     list-style: none;     margin: 0;     padding: 0; }  .breadcrumbs__list .breadcrumbs__item {     padding: 0; }  .breadcrumbs__list .breadcrumbs__item::before {     display: none; }  .breadcrumbs__item a {     color: #989aa0;     text-decoration: none; }  .iframe-block {     max-width: 850px;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0;     margin-bottom: 30px; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/39/pages/35121/35121.png') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     padding: 10px 20px;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px;     z-index: 9; }  #loadIframeBtn:after {     content: '';     top: 10px;     z-index: -1;     right: 0;     bottom: 0;     left: 0;     position: absolute;     box-shadow: 0 6px 5px #645c5c00; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .button {     text-align: center; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }  .button__wrapp {     display: flex;     justify-content: space-between;     align-items: center;     gap: 20px;     padding: 15px 10px;     border: 4px solid #4bb2dd;     background: linear-gradient(180deg, rgba(35, 112, 194, 0.3), rgba(1, 60, 119, 0.2)); }  .button__wrapp .button {     padding: 10px 20px;     text-transform: uppercase;     cursor: pointer;     width: auto; }  .button__wrapp__title {     font-size: 18px;     text-transform: uppercase;     color: #fff; }  .button__wrapp__subtitle {     font-size: 12px;     color: #ffce1e; }  @media (max-width: 650px) {     .button__wrapp {         flex-direction: column;     }      .button__wrapp__content {         text-align: center;     } }