.hero, .c4-body { color: rgb(255, 255, 255); }
.c4-html { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
*, .register-card { box-sizing: border-box; }
.btn-web-play:hover, .btn.gold:hover { transform: scale(1.05); }
.btn-web-play, .game-item, .header, .hero, .info-image, .note, .register-card, footer { text-align: center; }
.background, .c4-body { min-height: 100vh; }
.cursor-glow, .icon { pointer-events: none; }
* { margin: 0px; padding: 0px; }
input::placeholder { color: rgb(255, 255, 255); font-weight: 300; }
.modal-open .modal { margin-top: 20% !important; }
.social-top { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 12px; z-index: 1000; }
.social-top .icon { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; }
.footer-social .telegram, .social-top .telegram { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-telegram.svg"); }
.footer-social .facebook, .social-top .facebook { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-facebook.svg"); }
.footer-social .chat, .social-top .chat { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-chat.svg"); }
.header { padding: 20px 0px 10px; }
.header .logo { width: 170px; }
.hero { padding: 0px 15px; position: relative; font-size: 18px; }
.hero span img { width: 600px; max-width: 90vw; height: auto; margin-top: -25px; margin-bottom: -25px !important; }
.hero .highlight { color: gold; text-decoration: underline; text-underline-offset: 3px; }
.register-card { width: 600px; height: auto; border-radius: 36px; padding: 100px 30px 0px; display: flex; flex-direction: column; align-items: center; position: relative; }
.register-card-bg-wrap { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; pointer-events: none; }
.register-card-bg { display: block; width: 100%; height: auto; }
.register-card > :not(.register-card-bg-wrap) { position: relative; z-index: 1; }
.register-card h2 { font-size: 28px; margin-bottom: 25px; }
.register-card form { margin: 40px auto auto; width: 470px; }
.register-card form .field { width: 100%; height: 100px; }
.register-card form .eye, .register-card form .icon { height: 30px; background-size: contain; background-repeat: no-repeat; transform: translateY(-50%); }
.register-card form input { width: 100%; font-size: 16px; }
.register-card form .icon { position: absolute; top: 38%; width: 20px; }
.register-card form .user { width: 40px; left: 18px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon_user.svg"); }
.register-card form .lock { width: 40px; left: 18px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon_lock.svg"); }
.register-card form .field { position: relative; }
.btn-web-play, .icon, .or-line { position: absolute; }
.register-card form .eye { position: absolute; top: 40%; right: 18px; left: auto; width: 30px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-eye.svg"); background-position: center center; z-index: 10; cursor: pointer; display: block; pointer-events: auto; }
.register-card form .eye.hide { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-eye-non-view.svg"); }
.register-card form .field > .icon.eye { left: auto; }
.input-pass, .input-user { height: 80px; padding-left: 55px; font-size: 14px; box-sizing: border-box; transition: background-image 0.2s ease-in-out; }
.input-pass:focus, .input-pass:hover, .input-user:focus, .input-user:hover { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/input_bg_active.webp"); }
.icon { top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; }
.btn-web-play, .btn.gold { height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center center; font-weight: 700; color: rgb(255, 255, 255); font-size: 16px; }
.icon.user { left: 16px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon_user.svg"); }
.icon.lock { left: 16px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon_lock.svg"); }
.icon.eye { right: 16px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/icon-eye.webp"); cursor: pointer; }
.btn.gold { width: 340px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/reg_btn_perf.webp"); background-color: transparent; text-transform: uppercase; cursor: pointer; padding: 0px; margin-top: 0px; line-height: 56px; transition: box-shadow 0.3s, transform 0.2s; border: 0px !important; box-shadow: none !important; }
.btn.gold:hover { box-shadow: rgba(255, 215, 0, 0.6) 0px 0px 12px 4px; }
.or-line { display: inline-block; margin-bottom: 55px; }
.register-card .or-line { position: static; margin: 20px 0px 10px; }
.or-line img { width: 430px; }
.register-card .or-line img { max-width: 100%; }
.btn-web-play { display: inline-block; width: 500px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/web_play_btn.webp"); text-decoration: none; margin-bottom: -50px; transition: transform 0.2s; }
.register-card .btn-web-play { position: static; margin-bottom: 0px; }
.game-item, .games-carousel { transition: transform 0.3s; display: flex; }
.btn.blue { background: linear-gradient(45deg, rgb(13, 59, 130), rgb(27, 108, 198)); color: rgb(255, 255, 255); }
.btn.purple { background: linear-gradient(45deg, rgb(142, 45, 226), rgb(74, 0, 224)); color: rgb(255, 255, 255); }
.cta { margin: 25px 0px; }
.note { font-size: 16px; margin-bottom: 30px; margin-top: 30px; }
.note .link { color: gold; text-decoration: underline; }
.games-carousel { justify-content: center; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
.game-item { width: 100px; align-items: flex-end; justify-content: center; }
.game-item img { max-height: 100%; max-width: 100%; object-fit: contain; transition: opacity 0.2s; cursor: pointer; }
.game-item .label { margin-top: 8px; font-size: 14px; color: rgb(255, 255, 255); }
.info { padding: 40px 20px; }
.info-container { max-width: 800px; margin: 0px auto; padding: 0px; background: rgba(255, 255, 255, 0.05); border-radius: 20px; border: 1px solid rgb(106, 13, 173); overflow: hidden; }
.info-content { padding: 30px; max-height: 600px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(106, 13, 173) transparent; }
.info-content::-webkit-scrollbar { width: 10px; }
.info-content::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 10px; }
.info-content::-webkit-scrollbar-thumb { background: rgb(106, 13, 173); border-radius: 10px; }
.info-content::-webkit-scrollbar-thumb:hover { background: rgb(139, 27, 209); }
.info-container h1 { font-size: 24px; margin-bottom: 20px; color: rgb(253, 222, 78); text-align: center; }
.info-container h2 { font-size: 20px; margin-top: 30px; color: rgb(218, 53, 226); }
.info-container h3 { font-size: 16px; margin-top: 30px; color: rgb(192, 157, 210); }
.info-container h4 { font-size: 14px; margin-top: 30px; color: rgb(255, 255, 255); }
.info-container p { line-height: 1.6; color: rgb(204, 204, 204); margin-top: 12px; }
.info-container ul { margin: 12px 0px 0px 20px; color: rgb(204, 204, 204); }
.info-image { margin: 20px 0px; }
.footer-content, .support { margin-bottom: 20px; }
.info-image img { max-width: 100%; border-radius: 12px; }
footer { background: rgb(11, 0, 48); padding: 40px 20px 30px; }
.footer-content { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; }
.logo-footer { height: 60px; }
.footer-social .icon { width: 40px; height: 40px; background-size: contain; margin: 0px 8px; }
.cert { height: 40px; }
footer p { font-size: 14px; color: rgb(102, 102, 102); }
.invalid-feedback { text-align: left; font-weight: 400; line-height: 1.2; display: none !important; margin-top: -5px !important; color: rgb(255, 51, 51) !important; }
.background { width: 100%; background-image: image-set(url("https://rikvipnohu.com/wp-content/uploads/2026/11/bg.webp") 1x type("image/webp"), url("https://rikvipnohu.com/wp-content/uploads/2026/11/bg-1.webp") 1x type("image/png")); background-color: rgb(13, 3, 45); background-repeat: no-repeat; background-position: center top; background-size: cover; }
@media (max-width: 576px) {
  .background { background-image: image-set(url("https://rikvipnohu.com/wp-content/uploads/2026/11/bg_mobile.webp") 1x type("image/webp"), url("https://rikvipnohu.com/wp-content/uploads/2026/11/bg_mobile-1.webp") 1x type("image/png")); min-height: 100vh; background-size: contain; background-repeat: no-repeat; background-position: center top; }
}
@media not all {
  .background { min-height: 100vh; }
  .mobile-banners { display: flex; justify-content: space-between; padding: 0px 20px; margin: 20px 0px 40px; }
  .mobile-banners img { width: 48%; border-radius: 12px; object-fit: cover; }
}
@media (min-width: 769px) {
  .register-wrapper { display: flex; justify-content: center; align-items: flex-start; gap: 30px; flex-wrap: wrap; margin: 0px auto; position: relative; }
  .desktop-banner { max-width: 440px; height: auto; transition: transform 0.3s, filter 0.3s; }
  .desktop-banner:hover { transform: scale(1.05); }
  .banner-right-slider .desktop-banner { transform-origin: center top; }
  .desktop-banner.banner-left { transform-origin: center top; }
  .mobile-banners { display: none; }
}
@media (max-width: 768px) {
  .register-card form { margin: 25px auto auto; width: 300px; }
  .header .logo { width: 150px; }
  .hero h1 { font-size: 24px; }
  .register-card { width: 390px; padding: 28px 20px; display: block; }
  .register-card h2 { font-size: 22px; }
  .btn { font-size: 16px; padding: 10px 24px; }
  .games-carousel { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 10px; margin-bottom: 40px; }
  .game-item { flex: 0 0 auto; }
  .info-container { max-height: none; }
  .register-card form .field { height: 60px; }
  .btn.gold { height: 57px; width: 100%; margin-top: 20px; }
  .invalid-feedback { font-size: 10px !important; margin-top: -5px !important; width: 110% !important; }
  .desktop-banner { display: none; }
  .mobile-banners { display: flex; }
  .banner-left, .banner-right { width: 100px !important; }
}
@media not all {
  .background { min-height: 100vh; }
}
@media (min-width: 1201px) {
  .background { min-height: 100vh; }
}
.group-line-bottom { padding-bottom: 0px; padding-top: 0px; }
.banner-left { width: calc(50% - 355px); }
.banner-right { width: calc(50% - 330px); }
@media not all {
  .or-line { display: none; }
  .register-wrapper { width: 100%; }
  .register-card form { width: 90%; }
  .input-pass, .input-user { padding-left: 35px; }
  .hero span img { width: 85% !important; margin-top: -5px !important; margin-bottom: 5px !important; }
  .btn.gold { height: 75px; }
}
@media not all {
  .hero span img { margin-top: 10px !important; margin-bottom: 35px !important; }
  .mobile-app-download img { width: 345px !important; }
  .register-card form .icon { top: 52%; height: 25px; }
  .input-pass, .input-user { padding-left: 40px; }
  .icon.lock, .icon.user { left: 10px !important; }
  .register-card form .eye { position: absolute; top: 53%; right: 15px; width: 23px; }
  .register-card form { margin-top: 40px; width: 95%; }
  .register-container, .register-wrapper { width: 100% !important; }
  .btn.gold { height: 70px; width: 300px; }
  .or-line { display: none; }
  .header .logo { width: 130px; }
  .register-container { margin-top: -15px !important; }
  .group-line.mobile { margin-top: -15px; }
  .btn.gold, .roll-more-mobile img { margin-top: 10px !important; }
  .mobile-app-download { margin-top: -10px; margin-bottom: 10px; }
  .btn-web-play-moblie { margin-top: -10px; width: 310px !important; height: 65px !important; margin-bottom: -10px !important; }
  .roll-more-mobile img { width: 50px !important; }
  .invalid-feedback { margin-top: -13px !important; font-size: 11px !important; }
  .game-item-mobile img { width: 90px !important; }
  .register-card form .field { height: 75px; }
  #f-loading { width: 300px; margin-right: auto; margin-bottom: auto; margin-left: auto; margin-top: 15px !important; height: 55px !important; }
  .modal-open .modal { margin-top: 50% !important; }
}
@media not all {
  .btn-web-play-moblie, .register-card form .field { height: 60px !important; }
  .mobile-app-download img { width: 345px !important; }
  .register-card form .eye { position: absolute; top: 56%; right: 15px; width: 20px; }
  .register-card form .icon { top: 65%; height: 20px; }
  .input-pass, .input-user { padding-left: 35px !important; }
  .icon.lock, .icon.user { left: 10px !important; }
  .register-card form { margin-top: 30px; width: 95%; }
  .register-container, .register-wrapper { width: 100% !important; }
  .btn.gold { height: 60px; width: 100%; margin-top: 20px !important; }
  .or-line { display: none; }
  .header .logo { width: 130px; }
  .register-container { margin-top: -15px !important; }
  .mobile-app-download { margin-top: -10px; margin-bottom: 10px; }
  .btn-web-play-moblie { margin-top: -10px; width: 300px !important; margin-bottom: -10px !important; }
  .roll-more-mobile img { width: 50px !important; margin-top: 10px !important; }
  .invalid-feedback { margin-top: -18px !important; }
  .game-item-mobile img { width: 90px !important; }
  .hero span img { margin-bottom: 15px !important; }
  #f-loading { width: 300px; margin-top: 15px !important; height: 55px !important; }
  .modal-open .modal { margin-top: 50% !important; }
  .group-line.mobile { margin-top: -25px !important; }
}
@media (min-width: 576px) {
  .modal-dialog { max-width: 500px; margin: calc(1.75 * var(--c4-rem,16px)) auto; }
  .modal-sm { max-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg { max-width: 800px; }
}
.modal-content { background-color: rgb(94, 42, 142) !important; color: rgb(255, 255, 255); }
.modal-header { border-bottom: 1px solid rgb(108, 85, 114) !important; }
.modal-footer { border-top: 1px solid rgb(108, 85, 114) !important; }
.modal.show .modal-dialog { background-color: transparent !important; }
.social-fixed { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; z-index: 9999; }
.social-btn img { transition: transform 0.3s; margin-bottom: 10px; }
.social-btn.sound img { transition: transform 0.3s; }
.social-btn:hover img { transform: scale(1.1); }
.btn-web-play-moblie, .games-carousel-container, .games-carousel-wrapper, .group-line.mobile, .mobile-app-download, .note.mobile, .roll-more-mobile, .social-mobile-left-fixed, .social-mobile-right-fixed { display: none; }
.cursor-glow, .dot-star { position: absolute; border-radius: 50%; }
.cursor-glow { width: 2px; height: 2px; background: rgba(255, 255, 255, 0.5); box-shadow: rgb(189, 21, 240) 0px 0px 10px 4px; transform: translate(-50%, -50%); animation: 1s linear 0s 1 normal forwards running fadeOut; }
@keyframes fadeOut { 
  0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}
.dot-star { width: 1px; height: 1px; background: rgb(255, 250, 205); box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 10px 5px; animation: auto linear 0s 1 normal forwards running rise; }
@keyframes rise { 
  0% { opacity: 0; transform: translateY(0px) scale(1); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-60px) scale(1.5); }
}
@keyframes shake { 
  0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
  10%, 50% { transform: translate(-4px, 4px) rotate(-1deg); }
  20%, 60% { transform: translate(4px, -4px) rotate(1deg); }
  30% { transform: translate(-6px, 6px) rotate(-2deg); }
  40% { transform: translate(6px, -6px) rotate(2deg); }
  70% { transform: translate(-2px, 2px) rotate(0deg); }
  80% { transform: translate(2px, -2px); }
  90% { transform: translate(-1px, 1px); }
}
.game-item.shake { animation: 0.7s ease-in-out 0s 1 normal none running shake; }
.hw-title-header { display: block; max-width: 600px; aspect-ratio: 504 / 85; margin: 0px auto; animation: 1.5s ease-in-out 0s infinite normal none running zoomInOut; transition: transform 0.3s; }
@keyframes zoomInOut { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
@media (max-width: 768px) {
  .c4-body, .c4-html { overflow-x: hidden; width: 100vw; max-width: 100%; position: relative; }
  .btn-web-play, .games-carousel, .group-line, .info-top, .or-line, .roll-more, .social-fixed { display: none; }
  .hero span img { width: 330px; margin-top: -10px; margin-bottom: 15px; }
  .group-line img { width: 100%; height: 2px; }
  .group-line .mobile, .mobile-app-download, .note.mobile, .roll-more-mobile { display: block; }
  .games-carousel-wrapper { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: nowrap; margin-top: 10px; margin-bottom: 20px; }
  .banner-left-mobile, .banner-right-mobile { width: 120px; height: auto; }
  .games-carousel-container { width: 100%; max-width: 300px; margin: auto; position: relative; overflow: hidden; display: block !important; }
  .games-carousel-mobile { display: flex; transition: transform 0.4s ease-in-out; gap: 0px; }
  .game-item-mobile { min-width: 100%; text-align: center; }
  .game-item-mobile img { width: 100px; height: auto; display: block; margin: 0px auto; }
  .carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
  .carousel-dots .dot { width: 12px; height: 12px; border-radius: 50%; background-color: rgb(102, 102, 102); opacity: 0.4; transition: opacity 0.3s; cursor: pointer; }
  .carousel-dots .dot.active { background-color: rgb(255, 201, 64); opacity: 1; }
  .group-line.mobile { display: block !important; }
  .note { font-size: 14px; margin-top: 5px; margin-bottom: 5px; }
  .register-card { margin-bottom: 0px; width: 100%; }
  .mobile-app-download img { width: 390px; }
  .btn-web-play-moblie { display: inline-block; width: 350px; height: 74px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/web_play_btn.webp"); background-size: contain; background-repeat: no-repeat; background-position: center center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; text-decoration: none; text-align: center; }
  .info { padding: 20px; }
  .register-card form .icon { top: 65%; height: 20px; }
  .lock, .register-card form .user { left: 10px !important; }
  .input-pass, .input-user { padding-left: 35px; }
  .social-mobile-left-fixed, .social-mobile-right-fixed { position: fixed; top: 5px; display: flex; flex-direction: column; gap: 5px; z-index: 1000; }
  .social-mobile-left-fixed { left: 10px; align-items: flex-start; }
  .social-mobile-right-fixed { right: 10px; align-items: flex-end; }
  .social-btn.sound img { transition: transform 0.3s; }
  .social-btn img { object-fit: contain; transition: none !important; }
  .social-btn:hover img { transform: none !important; }
  .footer-text { margin-top: 0px; margin-bottom: 20px; font-size: 14px; }
}
@media not all {
  .register-card { width: 585px; padding: 80px 30px 0px; }
  .banner-left, .banner-right { margin-bottom: 15px; }
  .register-card form { margin: 50px auto auto; width: 490px; }
  .btn.gold { width: 300px; height: 90px; margin-top: 5px; }
  .register-card form .field { height: 100px; }
  .btn-web-play { margin-bottom: -20px; width: 444px; }
  .note { margin-top: 30px; font-size: 17px; }
  .game-item { width: 75px; }
  .invalid-feedback { margin-top: -5px !important; font-size: 15px !important; }
  .hero { font-size: 12px; }
  .hero span img { width: 500px; margin-bottom: -10px !important; }
  .header .logo { width: 150px; }
  .register-card form .eye { top: 40%; }
  .or-line { margin-bottom: 83px; }
  .or-line img { width: 360px; }
  .roll-more { margin-top: 20px !important; }
}
.register-container { display: flex; justify-content: center; align-items: center; margin-right: auto; margin-bottom: auto; margin-left: auto; margin-top: 20px !important; }
.roll-more { animation: 1.5s ease-in-out 0s infinite normal none running soft-blink; cursor: pointer; margin-top: 60px; }
@keyframes soft-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.line-top { margin-top: 0px; margin-bottom: 10px; }
#f-loading { height: 100px; }
.btn-close { display: none !important; }
.c4-html { --btn-size: 48px; --btn-bg: linear-gradient(180deg,#7B2CD6,#5510B0); --btn-shadow: 0 10px 24px rgba(108,32,182,.35); }
@media (max-width: 1000px) {
  .desktop-banner { display: none; }
}
.field-password, .field-user { position: relative; border-radius: 8px; overflow: hidden; background-image: image-set(url("https://rikvipnohu.com/wp-content/uploads/2026/11/input_bg_normal.webp") 1x type("image/webp"), url("https://rikvipnohu.com/wp-content/uploads/2026/11/input_bg_normal-1.webp") 1x type("image/png")); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; transition: background-image 0.2s linear; }
.field-password:has(.input-pass:focus), .field-password:hover, .field-user:has(.input-user:focus), .field-user:hover { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/input_bg_active.webp"); }
.input-pass, .input-user { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; color: rgb(255, 255, 255); background: 0px 0px !important; }
.input-pass:-webkit-autofill, .input-pass:-webkit-autofill:focus, .input-pass:-webkit-autofill:hover, .input-user:-webkit-autofill, .input-user:-webkit-autofill:focus, .input-user:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255) !important; caret-color: rgb(255, 255, 255) !important; box-shadow: transparent 0px 0px 0px 1000px inset !important; transition: background-color 9999s ease-out, color 9999s ease-out !important; }
.field.was-validated .invalid-feedback { position: absolute; left: 20px; bottom: 6px; font-size: 14px; display: block !important; }
.form.was-validated .field .invalid-feedback { display: block !important; }
@media (width: 390px) {
  .group-line.mobile { margin-top: -16px !important; }
}
@media (width: 414px) {
  .register-card form .icon { top: 60% !important; height: 25px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .group-line.mobile { display: block !important; margin-top: -15px !important; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form { margin-top: 40px !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 11px !important; }
  .register-card form .field { height: 66px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .register-card form .eye { right: 10px !important; }
  .register-container { margin-top: 0px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .mobile-app-download { margin-bottom: 10px; }
}
@media (width: 540px) {
  .register-card form .icon { top: 65% !important; height: 25px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .group-line.mobile { display: block !important; margin-top: -15px; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form { margin-top: 26px !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 11px !important; }
  .register-card form .field { height: 60px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .register-card form .eye { right: 10px !important; }
  .register-container { margin-top: 30px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
}
@media (width: 667px) {
  .register-card form .icon { top: 65% !important; height: 25px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .group-line.mobile { display: block !important; margin-top: -15px; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form { margin-top: 26px !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 11px !important; }
  .register-card form .field { height: 60px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .register-card form .eye { right: 10px !important; }
  .register-container { margin-top: 30px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
}
@media (width: 768px) {
  .register-card form .icon { top: 65% !important; height: 27px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .register-card form .field { height: 60px !important; }
  .register-card form { margin-top: 25px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 12px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .group-line.mobile { display: block !important; margin-top: -13px; }
  .mobile-app-download { margin-bottom: 20px; }
  .register-container { margin-top: 30px !important; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form .eye { right: 10px !important; }
}
@media (width: 844px) {
  .invalid-feedback, .register-container { margin-top: -20px !important; }
  .register-card form .icon { top: 65% !important; height: 27px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .register-card form .field { height: 60px !important; }
  .register-card form { margin-top: 25px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .invalid-feedback { font-size: 12px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .group-line.mobile { display: block !important; margin-top: -13px; }
  .mobile-app-download { margin-bottom: 20px; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form .eye { right: 10px !important; }
}
@media (max-width: 720px) {
  .register-card form .icon { top: 65% !important; height: 27px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .register-card form .field { height: 60px !important; }
  .register-card form { margin-top: 25px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 12px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .group-line.mobile { display: block !important; margin-top: -13px; }
  .mobile-app-download { margin-bottom: 20px; }
  .register-container { margin-top: 30px !important; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form .eye { right: 10px !important; }
}
@media (max-width: 660px) {
  .register-card form .icon { top: 65% !important; height: 27px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .register-card form .field { height: 60px !important; }
  .register-card form { margin-top: 30px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 12px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .group-line.mobile { display: block !important; margin-top: -13px; }
  .mobile-app-download { margin-bottom: 20px; }
  .register-container { margin-top: -10px !important; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form .eye { right: 10px !important; }
}
@media (width: 428px) {
  .register-card form .icon { top: 65% !important; height: 25px !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .group-line.mobile { display: block !important; margin-top: -15px; }
  .input-pass, .input-user { padding-left: 42px !important; }
  .register-card form { margin-top: 26px !important; }
  .invalid-feedback { margin-top: -18px !important; font-size: 11px !important; }
  .register-card form .field { height: 60px !important; }
  .btn.gold { margin-top: 20px !important; width: 100% !important; }
  .register-card form .eye { right: 10px !important; }
  .register-container { margin-top: 30px !important; }
  .or-line { display: none !important; }
  .roll-more-mobile img { width: 65px; }
  .mobile-app-download { margin-bottom: 10px; }
}
.info-content img { max-width: 800px; width: 100% !important; height: auto !important; }
.anime-btn-container { min-height: 50px !important; }
.info-content .logo-img { width: 40px !important; }
.mobile-app-download img, .roll-more-mobile img, .dmca-badge img, .footer-logo-mobile img, .social-btn img { height: auto; }
.games-carousel-wrapper picture { display: block; }
.banner-right-track { display: flex; }
.banner-right-slide { flex: 0 0 100%; }
.banner-right-slide .desktop-banner { display: block; width: 100%; height: auto; }
.d-flex { display: flex !important; }
.justify-content-center { justify-content: center !important; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.spinner-grow { display: inline-block; width: calc(2 * var(--c4-rem,16px)); height: calc(2 * var(--c4-rem,16px)); margin: 0px calc(0.18 * var(--c4-rem,16px)); vertical-align: -0.125em; border-radius: 50%; background-color: currentcolor; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; }
.text-primary { color: rgb(13, 110, 253) !important; }
.text-secondary { color: rgb(108, 117, 125) !important; }
.text-success { color: rgb(25, 135, 84) !important; }
.text-danger { color: rgb(220, 53, 69) !important; }
.text-warning { color: rgb(255, 193, 7) !important; }
.text-info { color: rgb(13, 202, 240) !important; }
.text-light { color: rgb(248, 249, 250) !important; }
.text-dark { color: rgb(33, 37, 41) !important; }
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.modal { position: fixed; inset: 0px; z-index: 1055; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: calc(0.5 * var(--c4-rem,16px)); pointer-events: none; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background: rgb(255, 255, 255); border-radius: calc(0.5 * var(--c4-rem,16px)); outline: 0px; }
.modal-body { position: relative; flex: 1 1 auto; padding: calc(1 * var(--c4-rem,16px)); }
.modal-backdrop { position: fixed; inset: 0px; z-index: 1050; background: rgba(0, 0, 0, 0.5); }
.c4-html { font-family: SVN-Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.c4-body { font-family: inherit; line-height: 1.5; }
.header .logo, .hw-title-header, .img_banner_left, .game-item img, .desktop-banner, .banner-left-mobile, .banner-right-mobile { height: auto; object-fit: contain; image-rendering: auto; }
.roll-more { margin-top: 30px; }
.register-card form .field > .icon.eye { left: auto; }
.register-card form .invalid-feedback { font-weight: 400; line-height: 1.2; text-align: left; color: rgb(255, 51, 51) !important; }
.box-phishing { display: flex; justify-content: center; align-items: center; gap: 5px; flex-direction: column; padding-top: 60px; font-size: 16px; font-weight: 200; font-family: SVN-Gilroy, sans-serif; font-style: normal; }
a.banner-download-btn::before { position: absolute; content: ""; height: 200%; width: 500%; right: 100%; top: -50%; }
.register-card .box-phishing { padding-top: 20px; }
.box-phishing .title-phishing-1 { justify-content: center; text-align: center; }
.enter-1111 { cursor: pointer; }
.title-phishing-1 a:hover { text-decoration: none; }
.title-phishing-1 { display: flex; font-size: 18px; color: rgb(255, 255, 255); align-items: center; gap: 6px; }
.title-phishing-1 .mainsite { color: rgb(254, 213, 0); font-weight: 600; position: relative; }
.text-red { color: rgb(255, 51, 51); }
.box-phishing.first { padding-top: 0px; }
.des { display: none; font-size: 14px; font-family: SVN-Gilroy, sans-serif; font-style: normal; }
.header { padding: 12px 0px 2px; }
.register-container { margin-top: 0px !important; }
.roll-more { margin-top: 20px; }
.title-phishing-1.mb { display: none; }
.img_banner_left { width: 100%; display: block; border: 0px; outline: 0px; backface-visibility: hidden; }
.desktop-banner.banner-left { position: relative; }
.mainsite.non { text-decoration: none; }
.d_download_btn_wrapper { width: 9%; position: absolute; right: 0px; top: 39%; transform: translateY(-50%); animation: 0.5s ease-in-out 0s infinite normal none running hw-download-float; z-index: 2; left: 75%; }
@keyframes hw-download-float { 
  0%, 100% { transform: translateY(-50%) translateY(0px); }
  50% { transform: translateY(-50%) translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
  .d_download_btn_wrapper { animation: auto ease 0s 1 normal none running none; }
}
.img_download_btn { width: 100%; }
.banner-right-slider { width: calc(50% - 360px); max-width: 440px; position: relative; overflow: hidden; padding-top: 0px; display: flex; flex-direction: column; }
.banner-right-track { display: flex; width: 100%; transition: transform 0.4s ease-in-out; }
.banner-right-slide { flex: 0 0 100%; }
.banner-right-dots { position: relative; left: auto; bottom: auto; transform: none; width: 100%; display: flex; align-items: center; justify-content: center; gap: 18px; }
.banner-right-dots .banner-right-dot { width: 32px; height: 7px; border-radius: 999px; background: rgb(65, 25, 149); opacity: 0.85; cursor: pointer; }
.banner-right-dots .banner-right-dot.active { background: linear-gradient(90deg, rgb(181, 108, 255), rgb(106, 45, 226)); opacity: 1; }
.info, .site-footer, .site-footer-mobile { content-visibility: auto; contain-intrinsic-size: 1px 900px; }
@media (min-width: 1025px) {
  .header .logo { width: 179px; height: 122px; object-fit: contain; }
  .hero span img { width: 469px; max-width: 90vw; height: auto; margin-top: -25px; margin-bottom: -25px !important; }
  .register-wrapper { gap: 30px; }
  .desktop-banner { max-width: 360px; }
  .desktop-banner.banner-left, .banner-right-slider { margin-top: 21px; }
  .banner-left { width: 360px; }
  .banner-right-slider { width: 360px; max-width: 360px; }
  .banner-right-dots { margin-top: 8px; }
  .register-card { width: 600px; padding-top: 100px; }
  .register-card form { width: 486px; margin-top: 44px; }
  .register-card form .field { height: 91px; }
  .field-password, .field-user { border-radius: 23px; }
  .input-pass, .input-user { height: 64px; padding-left: 54px; font-size: 20px; }
  .register-card form .icon { top: 35%; left: 11px; width: 33px; height: 33px; }
  .register-card form .eye { left: auto; top: 35%; right: 22px; width: 44px; height: 44px; background-size: 33px 33px; }
  .register-card form .invalid-feedback { line-height: 19px; left: -32px; bottom: -16px; width: 100% !important; margin-top: 6px !important; font-size: 15px !important; }
  .btn.gold { width: 360px; height: 84px; }
  .register-card .or-line { margin: 41px 0px -2px; }
  .or-line img, .register-card .or-line img { width: 333px; height: 16px; }
  .btn-web-play { width: 439px; height: 88px; }
  .box-phishing.first .title-phishing-1:not(.title_1111) { font-weight: 500; }
  .box-phishing.first .title-phishing-1:not(.title_1111).mainsite { color: rgb(255, 205, 84); font-weight: 800; }
  .register-card .box-phishing { padding-top: 5px; }
  .register-card .box-phishing .title-phishing-1 { font-size: 16px; font-weight: 400; line-height: 24px; }
  .register-card .box-phishing .title-phishing-1 .mainsite { color: rgb(255, 205, 84); font-weight: 700; text-transform: uppercase; }
  .register-card .box-phishing .text-red { font-size: 16px; font-weight: 400; line-height: 24px; }
  .roll-more { margin-top: 7px; }
  .games-carousel { gap: 19px; }
  .game-item { width: 83px; }
  .social-fixed { top: 25px; right: 21px; gap: 10px; }
  .social-fixed .social-btn { display: block; width: 43.72px; height: 43.72px; line-height: 0; margin: 0px; }
  .social-fixed .social-btn img { width: 43.72px; height: 43.72px; margin-bottom: 0px; }
}
@media not all {
  .register-wrapper { --hero-side-width: clamp(140px,calc((100vw - 690px)/ 2),360px); width: min(100%, -30px + 100vw); max-width: 1380px; gap: 30px; flex-wrap: nowrap !important; }
  .desktop-banner.banner-left, .banner-right-slider { flex: 0 1 var(--hero-side-width); width: var(--hero-side-width); max-width: var(--hero-side-width); min-width: 0px; }
  .desktop-banner.banner-left, .banner-right-slider .desktop-banner { max-width: 100%; }
  .desktop-banner.banner-left .img_banner_left, .banner-right-slider .desktop-banner { width: 100%; }
  .banner-right-track, .banner-right-slide { min-width: 0px; }
  .register-card { flex: 0 0 600px; min-width: 600px; max-width: 600px; }
}
@media not all {
  .hero span img { margin-bottom: 0px !important; }
}
@media not all {
  .hero span img { margin-top: 0px !important; margin-bottom: 0px !important; }
}
@media not all {
  .box-phishing.first { margin-top: -15px; }
}
@media not all {
  .mobile-app-download img { width: 90% !important; }
  .roll-more-mobile img { width: 50px !important; margin-top: 0px !important; }
}
@media not all {
  .social-btn img { width: 35px; margin: 5px; }
  .mobile-app-download { margin-bottom: 5px; }
  .group-line.mobile { margin-top: -8px !important; }
  .title-phishing-1 { font-size: 14px; font-weight: 200; padding-bottom: 8px; color: rgb(255, 255, 255); }
  .des.show { display: block; padding-bottom: 2px; margin-top: 5px; font-size: 12px; }
  .banner-right-slider { display: none !important; }
}
@media not all {
  .title-phishing-1 { padding-bottom: 8px; }
  .register-container { margin-top: 0px !important; }
  .roll-more-mobile img { width: 50px; }
  .hero span img { margin-top: -10px; margin-bottom: 2px !important; }
  .group-line.mobile { margin-top: -10px !important; }
  .mobile-app-download { margin-bottom: 0px; margin-top: 0px; }
  .btn-web-play-moblie { margin-top: -2px; }
  .des.show { padding-bottom: 0px; }
  .box-phishing.first { margin-top: 5px; }
  .title-phishing-1.mb { padding-bottom: 8px; }
}
@media (max-width: 768px) {
  .mobile-app-download img { width: 88%; margin-top: -10px; }
}
@media not all {
  .hero span img { margin-top: -10px; margin-bottom: -15px !important; }
}
@media (max-width: 768px) {
  .social-mobile-left-fixed { left: 9px; align-items: flex-start; }
  .social-mobile-left-fixed, .social-mobile-right-fixed { gap: 11px; }
}
@media (max-width: 660px) {
  .register-card form { margin-top: 45px !important; }
}
@media not all {
  .title-phishing-1.mb { display: block; padding-bottom: 12px; }
  .header { padding: 15px 0px 0px; }
  .box-phishing.first { display: block; margin-bottom: 4px; padding-top: 0px; }
  .box-phishing { display: none; }
}
@media not all {
  .box-phishing.first { display: block; margin-bottom: 0px; }
}
@media not all {
  .register-card form { margin-top: 30px !important; }
}
.security_icon { width: 15px; height: 15px; display: block; }
.title_1111 { display: none; }
@media not all {
  .box-phishing.first .title-phishing-1 { display: none; }
  .box-phishing.first .title-phishing-1.title_1111 { display: flex; }
}
@media not all {
  .hero { --hero-layout-width: min(100%,calc(100vw - 40px)); --hero-center-width: min(92vw,560px); --hero-title-width: clamp(390px,58vw,520px); --hero-card-pad-top: clamp(62px,8vw,88px); --hero-action-height: clamp(72px,8vw,92px); --hero-web-play-width: clamp(360px,62vw,480px); --hero-web-play-height: clamp(74px,8vw,92px); }
  .register-wrapper { grid-template-columns: minmax(0,var(--hero-center-width)); }
  .register-wrapper > .desktop-banner.banner-left, .register-wrapper > .banner-right-slider { display: none !important; }
}
@media not all {
  .hero { --hero-layout-width: min(1120px,calc(100vw - 40px)); --hero-center-width: clamp(440px,48vw,550px); --hero-side-width: clamp(150px,17vw,220px); --hero-gap: clamp(10px,1.5vw,20px); --hero-title-width: clamp(400px,40vw,520px); --hero-card-pad-top: clamp(52px,7vh,76px); --hero-field-height: clamp(64px,8vh,82px); --hero-input-height: clamp(52px,6.8vh,68px); --hero-action-height: clamp(66px,8vh,84px); --hero-web-play-width: clamp(330px,38vw,460px); --hero-web-play-height: clamp(66px,8vh,84px); }
  .header { padding-top: 8px; }
  .hero span img { margin-top: -18px; margin-bottom: -14px !important; }
  .box-phishing.first { margin-bottom: 0px !important; }
  .register-card form { margin-top: clamp(16px, 3vh, 30px) !important; }
  .register-card .or-line { margin: clamp(8px, 1.4vh, 14px) 0px clamp(4px, 1vh, 8px); }
  .register-card .box-phishing { padding-top: clamp(8px, 1.4vh, 14px); }
  .roll-more { margin-top: clamp(8px, 2vh, 20px) !important; }
  .games-carousel { margin-top: 0px; }
  .game-item { width: clamp(68px, 7vw, 90px); }
}
@media not all {
  .hero { --hero-center-width: min(82vw,520px); --hero-title-width: clamp(360px,52vw,480px); --hero-card-pad-top: clamp(52px,7vh,72px); --hero-field-height: clamp(62px,8vh,78px); --hero-input-height: clamp(50px,6.8vh,64px); }
}
@media (max-width: 1024px) {
  .c4-body, .c4-html { overflow-x: hidden; width: 100vw; max-width: 100%; position: relative; }
  .desktop-banner, .banner-right-slider, .btn-web-play, .games-carousel, .group-line:not(.mobile), .info-top, .or-line, .roll-more, .social-fixed, .register-card .box-phishing { display: none !important; }
  .group-line.mobile, .mobile-app-download, .note.mobile, .roll-more-mobile { display: block !important; }
  .btn-web-play-moblie { display: inline-block !important; }
  .games-carousel-wrapper { display: flex !important; }
  .games-carousel-container { display: block !important; }
  .social-mobile-left-fixed, .social-mobile-right-fixed { position: fixed; top: 5px; flex-direction: column; gap: 5px; z-index: 1000; display: flex !important; }
  .social-mobile-left-fixed { left: 10px; align-items: flex-start; }
  .social-mobile-right-fixed { right: 10px; align-items: flex-end; }
  .social-btn img { object-fit: contain; transition: none !important; }
  .social-btn:hover img { transform: none !important; }
  .box-phishing.first > .title-phishing-1:not(.title_1111) { display: none !important; }
  .box-phishing.first > .title_1111 { justify-content: center; flex-wrap: wrap; display: flex !important; }
  .title-phishing-1.mb { justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 200; display: flex !important; }
  .info { padding: 20px; }
}
@media not all {
  .hero { padding: 0px clamp(10px, 3vw, 20px); }
  .hero span img { width: clamp(420px, 52vw, 520px) !important; margin-top: -10px !important; margin-bottom: clamp(1px, 2vw, 1px) !important; }
  .register-container, .register-wrapper { width: 100% !important; max-width: 100% !important; margin-top: 0px !important; }
  .register-wrapper { flex-direction: column; align-items: center; justify-content: flex-start; gap: 0px; display: flex !important; }
  .register-card { display: block; max-width: calc(-24px + 100vw); margin-bottom: 0px; width: min(100%, 560px) !important; padding: clamp(36px, 5vw, 56px) clamp(18px, 3.5vw, 28px) 0px !important; }
  .register-card form { width: min(78vw, 430px) !important; margin: clamp(30px, 4.5vw, 44px) auto auto !important; }
  .register-card form .field { height: clamp(68px, 8vw, 86px) !important; }
  .input-pass, .input-user { height: clamp(58px, 6.6vw, 74px) !important; padding-left: clamp(38px, 5vw, 48px) !important; }
  .lock, .register-card form .user { left: 10px !important; }
  .btn.gold { width: min(72vw, 340px) !important; height: clamp(72px, 9vw, 92px) !important; margin-top: clamp(12px, 2vw, 20px) !important; }
  .group-line.mobile { width: 100%; max-width: 760px; margin: 0px auto; }
  .group-line.mobile img { width: 100%; height: 2px; }
  .title-phishing-1.mb { padding-bottom: 8px; }
  .mobile-app-download { margin-top: -10px; margin-bottom: 10px; }
  .mobile-app-download img { width: min(88vw, 650px) !important; }
  .des.show { display: block; padding-bottom: 2px; margin-top: 5px; font-size: 12px; }
  .btn-web-play-moblie { margin-top: -10px; background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/web_play_btn.webp"); background-size: contain; background-repeat: no-repeat; background-position: center center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; width: min(82vw, 500px) !important; height: clamp(80px, 10vw, 104px) !important; margin-bottom: -10px !important; }
  .roll-more-mobile img { width: clamp(56px, 7vw, 70px) !important; margin-top: 10px !important; }
  .games-carousel-wrapper { justify-content: center; align-items: flex-end; gap: clamp(8px, 2vw, 18px); flex-wrap: nowrap; margin-top: 10px; margin-bottom: 20px; }
  .banner-left-mobile, .banner-right-mobile { width: clamp(130px, 18vw, 170px) !important; height: auto; }
  .games-carousel-container { width: 100%; max-width: clamp(280px, 30vw, 340px); margin: auto; overflow: hidden; position: relative; }
  .games-carousel-mobile { display: flex; gap: 0px; transition: transform 0.4s ease-in-out; }
  .game-item-mobile { min-width: 100%; text-align: center; }
  .game-item-mobile img { display: block; height: auto; margin: 0px auto; width: clamp(110px, 15vw, 150px) !important; }
  .carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
  .carousel-dots .dot { width: 12px; height: 12px; border-radius: 50%; background-color: rgb(102, 102, 102); cursor: pointer; opacity: 0.4; transition: opacity 0.3s; }
  .carousel-dots .dot.active { background-color: rgb(255, 201, 64); opacity: 1; }
}
@media not all {
  .games-carousel-wrapper { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: stretch; justify-content: center; gap: clamp(10px, 2.5vw, 26px); width: min(100%, 930px); height: clamp(230px, 34vw, 360px); margin: clamp(12px, 2vw, 22px) auto clamp(22px, 3vw, 40px); padding: 0px clamp(8px, 2.2vw, 22px); display: grid !important; }
  .banner-left-mobile, .banner-right-mobile, .games-carousel-container { place-self: stretch; height: 100%; min-width: 0px; width: 100% !important; max-width: none !important; }
  .banner-left-mobile, .banner-right-mobile { object-fit: contain; object-position: center bottom; }
  .games-carousel-container { flex-direction: column; align-items: center; justify-content: flex-end; overflow: hidden; display: flex !important; }
  .games-carousel-mobile { display: flex; align-items: flex-end; width: 100%; min-height: 0px; flex: 1 1 auto; gap: 0px; }
  .game-item-mobile { display: flex; align-items: flex-end; justify-content: center; min-width: 100%; height: 100%; }
  .game-item-mobile a { display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; }
  .game-item-mobile img { max-width: 86%; max-height: clamp(170px, 28vw, 300px); object-fit: contain; margin: 0px auto; width: auto !important; height: calc(100% - 30px) !important; }
  .carousel-dots { display: flex; flex: 0 0 auto; justify-content: center; gap: clamp(7px, 1.2vw, 10px); margin-top: clamp(6px, 1vw, 10px); }
}
@media (max-width: 1024px) {
  .box-phishing.first > .title_1111 { margin-bottom: calc(6px); line-height: 1.35; }
  .title-phishing-1.mb { margin-top: clamp(6px, 1.4vw, 12px); margin-bottom: clamp(12px, 2.4vw, 24px); line-height: 1.35; padding-bottom: 0px !important; }
  .mobile-app-download { margin-top: 0px; }
}
@media not all {
  .box-phishing.first > .title_1111 { margin-top: clamp(1px, 6vw, 16px); }
}
@media (max-width: 479px) {
  .box-phishing.first > .title_1111 { margin-top: 2px; margin-bottom: 0px; }
  .title-phishing-1.mb { margin-top: 6px; margin-bottom: 18px; }
}
@media (max-width: 1024px) {
  .hero { --hero-design-w: min(100vw,750px); padding: 0px; }
  .header { padding: clamp(8px, 2.133vw, 16px) 0px 0px; }
  .header .logo { width: clamp(130px, 34.667vw, 260px); height: auto; }
  .hero > span { display: block; line-height: 0; margin-top: clamp(-18px, -4.267vw, -8px); }
  .hero span img.hw-title-header { max-width: 100%; width: clamp(245px, 65.333vw, 490px) !important; margin: 0px auto !important; }
  .box-phishing.first { display: block; width: min(100%, 750px); margin: clamp(-4px, -1.067vw, 0px) auto 0px !important; padding-top: 0px !important; }
  .box-phishing.first > .title-phishing-1:not(.title_1111) { justify-content: center; align-items: center; gap: clamp(2px, 0.8vw, 6px); flex-wrap: nowrap; color: rgb(255, 255, 255); font-size: clamp(10px, 2.667vw, 20px); font-weight: 500; line-height: 1.2; margin: 0px; padding: 0px; display: flex !important; }
  .box-phishing.first > .title-phishing-1:not(.title_1111).mainsite { color: rgb(255, 205, 84); font-weight: 800; text-transform: uppercase; }
  .box-phishing.first > .title_1111 { display: none !important; }
  .social-mobile-left-fixed, .social-mobile-right-fixed { top: clamp(8px, 2.133vw, 16px); gap: 11px; }
  .social-mobile-left-fixed { left: clamp(10px, 2.667vw, 20px); }
  .social-mobile-right-fixed { right: clamp(10px, 2.667vw, 20px); }
  .social-mobile-left-fixed .social-btn, .social-mobile-right-fixed .social-btn { display: block; width: clamp(35px, 9.333vw, 70px); height: clamp(35px, 9.333vw, 70px); line-height: 0; }
  .social-mobile-left-fixed .social-btn img, .social-mobile-right-fixed .social-btn img { width: 100%; height: 100%; margin: 0px; object-fit: contain; }
  .register-container, .register-wrapper { width: 100% !important; max-width: 100% !important; margin: 0px !important; }
  .register-wrapper { justify-content: flex-start; align-items: center; flex-direction: column; gap: 0px; display: flex !important; }
  .register-card { display: block; min-height: clamp(282px, 74.733vw, 523px); max-width: none; width: min(90.667vw, 680px) !important; margin: clamp(16px, 4.267vw, 32px) auto 0px !important; padding: 0px clamp(8px, 2.133vw, 16px) !important; background: none !important; }
  .register-card-bg-wrap { width: 100%; height: 100%; }
  .register-card-bg { width: 100%; height: 100%; object-fit: fill; }
  .register-card form { display: flex; flex-direction: column; align-items: center; gap: clamp(16px, 3.989vw, 30px); --hw-form-field-height: clamp(52px,10.667vw,80px); --hw-form-error-height: clamp(34px,8.533vw,64px); --hw-form-error-height-multiline: clamp(34px,8.533vw,64px); --hw-form-field-max-width: min(100%,552px); max-width: var(--hw-form-field-max-width); width: var(--hw-form-field-max-width) !important; margin: clamp(74px, 19.72vw, 148px) auto 0px !important; padding: 0px clamp(8px, 2.133vw, 16px) !important; }
  .register-card form .field { min-height: var(--hw-form-field-height); max-width: var(--hw-form-field-max-width); aspect-ratio: auto; overflow: visible; width: 100% !important; height: var(--hw-form-field-height) !important; }
  .register-card form .field.has-multiline-error { height: calc(var(--hw-form-field-height)+var(--hw-form-error-height-multiline)) !important; min-height: calc(var(--hw-form-field-height)+var(--hw-form-error-height-multiline)); }
  .field-password, .field-user { width: 100%; height: var(--hw-form-field-height); border-radius: clamp(13px, 3.469vw, 26px); background-size: 100% 100%; }
  .input-pass, .input-user { line-height: var(--hw-form-field-height); height: 100% !important; padding-left: clamp(30px, 8vw, 60px) !important; padding-right: clamp(38px, 10.133vw, 76px) !important; font-size: clamp(14px, 3.733vw, 28px) !important; }
  .register-card form .icon { top: clamp(26px, 5.333vw, 40px) !important; left: clamp(6px, 1.6vw, 12px) !important; width: clamp(20px, 5.333vw, 40px) !important; height: clamp(20px, 5.333vw, 40px) !important; }
  .register-card form .eye { background-size: clamp(18px, 4.856vw, 36px) clamp(18px, 4.856vw, 36px); background-position: center center; left: auto !important; right: clamp(8px, 2.133vw, 16px) !important; width: 44px !important; height: 44px !important; }
  .register-card form .field.was-validated .invalid-feedback { position: absolute; top: var(--hw-form-field-height); min-height: var(--hw-form-error-height); padding-left: 0px; line-height: 1.15; white-space: normal; overflow-wrap: anywhere; overflow: visible; display: block !important; left: 0px !important; bottom: auto !important; width: 100% !important; margin: 0px !important; font-size: clamp(12px, 3.2vw, 15px) !important; }
  .register-card form .field.has-multiline-error .invalid-feedback { min-height: var(--hw-form-error-height-multiline); }
  .btn.gold { max-width: calc(-80px + 100vw); aspect-ratio: 399.41 / 93.64; background-size: contain; width: auto !important; height: clamp(47px, 17.485vw, 94px) !important; margin: clamp(4px, 1.333vw, 6px) 0px 0px !important; }
  .group-line.mobile { width: min(80vw, 600px); max-width: none; line-height: 0; margin: clamp(12px, 3.2vw, 24px) auto 0px !important; }
  .group-line.mobile img { display: block; width: 100%; height: auto; }
  .title-phishing-1.mb { width: min(86vw, 645px); gap: clamp(2px, 0.8vw, 6px); flex-wrap: nowrap; position: relative; z-index: 2; opacity: 1; font-size: clamp(11px, 2.933vw, 22px); font-weight: 400; line-height: 1.45; margin: clamp(12px, 3.2vw, 24px) auto 0px !important; padding: 0px !important; }
  .title-phishing-1.mb .mainsite { color: rgb(255, 205, 84); font-weight: 700; text-transform: uppercase; }
  .title-phishing-1.mb img { width: clamp(11px, 2.933vw, 22px); height: clamp(11px, 2.933vw, 22px); }
  .mobile-app-download { margin: clamp(4px, 1.067vw, 8px) auto 0px; line-height: 0; }
  .mobile-app-download img { height: auto; margin: 0px; width: min(86vw, 645px) !important; }
  .des.show { margin-top: clamp(5px, 1.333vw, 10px); font-size: clamp(11px, 2.933vw, 22px); line-height: 1.3; }
  .btn-web-play-moblie { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/web_play_btn.webp"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: min(75.733vw, 568px) !important; height: clamp(57px, 15.2vw, 114px) !important; margin: clamp(10px, 2.667vw, 20px) auto 0px !important; }
  .roll-more-mobile { margin-top: clamp(4px, 1.067vw, 8px); line-height: 0; }
  .roll-more-mobile img { height: auto; width: clamp(45px, 12vw, 90px) !important; margin: 0px !important; }
  .games-carousel-wrapper { grid-template-columns: minmax(0px, min(33.755vw, 253px)) minmax(0px, min(24.8vw, 186px)) minmax(0px, min(33.755vw, 253px)); justify-content: center; align-items: end; gap: 0px; width: min(94.667vw, 710px); height: auto; padding: 0px; display: grid !important; margin: 0px auto clamp(22px, 5.867vw, 44px) !important; }
  .banner-left-mobile, .banner-right-mobile { object-fit: contain; object-position: center bottom; width: min(33.755vw, 253px) !important; max-width: none !important; height: auto !important; }
  .games-carousel-container { flex-direction: column; justify-content: flex-end; align-items: center; height: auto; overflow: hidden; display: flex !important; width: min(24.8vw, 186px) !important; max-width: none !important; }
  .games-carousel-mobile { display: flex; width: 100%; align-items: flex-end; gap: 0px; }
  .game-item-mobile { display: flex; min-width: 100%; height: auto; align-items: flex-end; justify-content: center; }
  .game-item-mobile a { display: flex; width: 100%; height: auto; align-items: flex-end; justify-content: center; }
  .game-item-mobile img { max-width: min(24.8vw, 186px); max-height: none; object-fit: contain; margin: 0px auto; width: auto !important; height: min(35.6vw, 267px) !important; }
  .carousel-dots { display: flex; justify-content: center; gap: clamp(5px, 1.333vw, 10px); margin-top: clamp(9px, 2.4vw, 18px); }
  .carousel-dots .dot { width: clamp(10px, 2.667vw, 20px); height: clamp(10px, 2.667vw, 20px); }
}
@media not all {
  .group-line.mobile.mobile1 { margin-top: clamp(12px, 3.2vw, 16px) !important; }
  .title-phishing-1.mb { margin-top: clamp(20px, 5.2vw, 24px) !important; line-height: 1.35; }
  .mobile-app-download { margin-top: clamp(8px, 2.4vw, 12px); }
}
@media (max-width: 479px) {
  .hero { min-height: 100vh; }
}
.simg-pop-btn { position: fixed; z-index: 2147483647; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.6); border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.2s ease-in-out; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
.simg-pop-btn:hover { background: rgba(0, 0, 0, 0.8); }
.simg-pop-btn svg { width: 18px; height: 18px; fill: rgb(255, 255, 255); }
.simg-pop-btn-small { width: 28px; height: 28px; border-radius: 14px; }
.simg-pop-btn-small svg { width: 16px; height: 16px; }
.footer-support, .site-footer { color: rgb(255, 255, 255); padding: 10px 20px; }
.modal, .modal-open { overflow: hidden; }
.modal, .modal-backdrop { inset: 0px; }
.site-footer { background-color: rgb(0, 0, 0); text-align: center; }
.footer-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 0px; text-align: center; }
.footer-column { flex: 1 1 0%; min-width: 200px; max-width: 250px; display: flex; flex-direction: column; align-items: center; }
.footer-column h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.footer-column img.footer-dmca { margin-top: 4px; }
.footer-column:first-child { padding-top: 18px; }
.footer-text { max-width: 800px; margin: 10px auto 0px; font-size: 11px; font-weight: 300; }
.footer-contact { margin-top: 10px; }
.footer-icons { margin-bottom: -15px; }
.footer-icons a { margin: -8px; display: inline-block; }
.footer-icons img { width: 35px; transition: transform 0.3s; margin: 15px; }
.footer-icons img:hover { transform: scale(1.1); }
.footer-support { background-color: rgb(126, 29, 208); display: inline-block; border-radius: 20px; font-weight: 500; margin-top: 20px; }
.footer-support span { font-weight: 700; }
.footer-dmca { max-height: 50px; margin-top: 10px; }
.footer-bottom { font-size: 11px; color: rgb(170, 170, 170); font-weight: 300; }
.modal-open .modal { overflow: hidden auto; }
.modal { position: fixed; z-index: 1050; display: none; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: calc(0.5 * var(--c4-rem,16px)); pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); }
@media not all {
  .modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: translate(0px, 0px); }
.modal-dialog-centered { display: flex; align-items: center; }
.modal-dialog-centered::before { display: block; content: ""; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: transparent; background-clip: padding-box; border: 1px solid rgba(34, 37, 42, 0.2); border-radius: calc(0.3 * var(--c4-rem,16px)); outline: 0px; }
.modal-backdrop { position: fixed; z-index: 1040; background-color: rgb(34, 37, 42); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: calc(1 * var(--c4-rem,16px)); border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: calc(0.3 * var(--c4-rem,16px)); border-top-right-radius: calc(0.3 * var(--c4-rem,16px)); }
.modal-header .close { padding: calc(1 * var(--c4-rem,16px)); margin: calc(-1 * var(--c4-rem,16px)) calc(-1 * var(--c4-rem,16px)) calc(-1 * var(--c4-rem,16px)) auto; }
.modal-title { margin-bottom: 0px; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: calc(1 * var(--c4-rem,16px)); }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: calc(1 * var(--c4-rem,16px)); border-top: 1px solid rgb(233, 236, 239); }
.modal-footer > :not(:first-child) { margin-left: calc(0.25 * var(--c4-rem,16px)); }
.modal-footer > :not(:last-child) { margin-right: calc(0.25 * var(--c4-rem,16px)); }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.popup, .popup-overlay { position: fixed; opacity: 0; inset: 0px; pointer-events: none; }
.site-footer-mobile { display: none; }
@media (max-width: 768px) {
  .site-footer-mobile { display: block; background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; padding: 20px; }
  .site-footer { display: none; }
  .footer-logo-mobile img { width: 150px; margin-bottom: 20px; }
  .footer-cert-social-mobile { display: flex; justify-content: center; align-items: flex-start; gap: 40px; flex-wrap: wrap; margin-bottom: 20px; }
  .footer-cert-mobile, .footer-social-mobile { text-align: center; }
  .footer-cert-mobile img { width: 150px; }
  .footer-cert-mobile h4, .footer-social-mobile h4 { margin-bottom: 10px; font-size: 16px; font-weight: 500; }
  .footer-support-mobile button { background: rgb(128, 0, 217); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 12px 30px; border-radius: 30px; font-size: 20px; font-weight: 400; margin-bottom: 20px; cursor: pointer; width: 300px; }
  .footer-bottom-mobile { font-size: 12px; color: rgb(204, 204, 204); margin-top: 10px; }
  .footer-bottom-mobile span { color: rgb(255, 255, 255); font-weight: 300; }
}
@media not all {
  .popup-card { width: 100% !important; margin-left: 14px !important; }
  .popup-message { padding-bottom: 90px; height: 100px; margin-top: 110px !important; font-size: 16px !important; }
  .popup-button { margin-top: 5px !important; }
}
.c4-html { --purple-700: #6A1AB6; --purple-600: #7B2CD6; --purple-500: #8D3FF1; --text: #2A2A2A; --radius-xl: 24px; }
* { box-sizing: border-box; }
.demo-open { padding: 10px 16px; border-radius: 12px; border: 0px; background: linear-gradient(180deg,var(--purple-600),var(--purple-700)); color: rgb(255, 255, 255); font-weight: 600; cursor: pointer; box-shadow: rgba(108, 32, 182, 0.35) 0px 8px 24px; }
.popup-overlay { background: rgba(9, 10, 20, 0.45); backdrop-filter: blur(4px); transition: opacity 0.25s; z-index: 999; }
.popup { display: grid; place-items: center; padding: 24px; transform: translateY(10px) scale(0.98); transition: opacity 0.25s, transform 0.25s; z-index: 1000; }
.popup.is-open { opacity: 1; transform: none; pointer-events: auto; }
.popup-overlay.is-open { opacity: 0.5; pointer-events: auto; background-color: rgb(0, 0, 0); }
.popup-bg { position: absolute; inset: 0px; background: url("https://rikvipnohu.com/wp-content/uploads/2026/11/poup_bg.webp") center center / cover no-repeat; filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 30px 60px); z-index: -1; }
.popup-card { position: relative; width: 450px; height: auto; border-radius: var(--radius-xl); background: url("https://rikvipnohu.com/wp-content/uploads/2026/11/poup_bg.webp") center center / 100% 100% no-repeat; box-shadow: rgba(87, 32, 168, 0.2) 0px 30px 80px, rgba(87, 32, 168, 0.12) 0px 10px 24px; padding: 28px 24px 24px; overflow: hidden; margin-left: 20px; margin-top: -110px; }
.popup-art { position: absolute; right: 12px; top: 6px; width: 120px; height: auto; pointer-events: none; user-select: none; }
.popup-close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 0px; cursor: pointer; line-height: 0; font-size: 26px; color: rgb(110, 110, 110); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px; }
.popup-close:hover { background: rgb(243, 243, 245); }
.popup-title { margin: 8px 0px 14px; font-weight: 800; font-size: 28px; letter-spacing: 0.2px; }
.popup-message { margin-top: 160px; width: 100%; padding-left: 50px; padding-right: 70px; font-size: 20px; padding-bottom: 10px; display: flex; align-items: center; justify-content: center; text-align: center; color: rgb(0, 0, 0); }
.popup-button { margin-top: 40px; margin-left: 15px; width: 90%; height: 56px; border: 0px; cursor: pointer; color: rgb(255, 255, 255); font-weight: 800; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px; border-radius: 999px; }
.popup-button:not([style*="background"]) { background: linear-gradient(rgb(123, 44, 214) 0px, rgb(95, 9, 147) 100%); box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(108, 32, 182, 0.35) 0px 10px 24px; }
.ft-links { list-style: none; margin: 0px; padding: 0px 0px 0px 25px; display: grid; gap: 14px; font-size: 14px; }
.ft-links a { color: rgb(255, 255, 255); text-decoration: none; font-weight: 300; letter-spacing: 0.3px; display: flex; align-items: center; gap: 10px; }
.ft-links a:hover { color: rgb(255, 216, 77); }
.ico { width: 18px; height: 18px; display: inline-block; flex: 0 0 18px; background-size: contain; background-repeat: no-repeat; background-position: center center; filter: drop-shadow(rgba(255, 255, 255, 0.08) 0px 1px 0px); }
.ico-news { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/f_news_icon.svg"); }
.ico-event { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/f_event_icon.svg"); }
.ico-guide { background-image: url("https://rikvipnohu.com/wp-content/uploads/2026/11/f_guide_icon.svg"); }
.info-more { background: rgb(0, 0, 0); padding: 0px 12px 24px; color: rgb(255, 255, 255); font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.info-title { text-align: center; font-size: 14px; letter-spacing: 0.5px; font-weight: 300; margin: 6px 0px 12px; }
.info-grid { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
.info-item { flex: 1 1 calc(33.333% - 10px); min-width: 102px; display: flex; align-items: center; gap: 5px; padding: 5px; background: rgb(30, 23, 23); border-radius: 3px; text-decoration: none; color: rgb(255, 255, 255); border: 1px solid rgb(47, 47, 47); transition: transform 0.12s, background 0.12s, border-color 0.12s; }
.info-ico { width: 22px; height: 22px; display: inline-flex; }
.info-ico svg { width: 100%; height: 100%; fill: rgb(255, 255, 255); opacity: 0.9; }
.info-text { font-weight: 300; font-size: 10px; letter-spacing: 0.4px; }
.info-item:active { transform: scale(0.98); }
.info-item:hover { background: rgb(43, 43, 43); border-color: rgb(58, 58, 58); }
@media (max-width: 380px) {
  .popup-title { font-size: 24px; }
  .popup-art { width: 96px; }
  .popup-card { padding: 24px 16px 18px; }
  .info-item { flex: 1 1 calc(50% - 10px); }
}
@media (max-width: 300px) {
  .info-item { flex: 1 1 100%; }
}
.footer_title { font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.livechat-modal { position: fixed; inset: 0px; z-index: 10000; display: block; visibility: hidden; pointer-events: none; transition: visibility linear 0.42s; }
.livechat-modal.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.livechat-backdrop { position: absolute; inset: 0px; z-index: 0; background: rgba(0, 0, 0, 0.22); opacity: 0; transition: opacity 0.28s; }
.livechat-modal.is-open .livechat-backdrop { opacity: 1; }
.livechat-panel { position: absolute; z-index: 1; right: 18px; bottom: 18px; width: min(390px, -36px + 100vw); height: min(640px, -96px + 100vh); overflow: hidden; border: 1px solid rgba(255, 210, 0, 0.45); border-radius: 10px; background: rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 60px; opacity: 0; transform: translate3d(0px, calc(100% + 32px), 0px); transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s; will-change: transform, opacity; }
.livechat-modal.is-open .livechat-panel { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.livechat-frame { position: relative; z-index: 1; width: 100%; height: 100%; border: 0px; background: rgb(255, 255, 255); }
.livechat-close { position: absolute; top: 8px; right: 8px; z-index: 2147483647; width: 38px; height: 38px; border: 0px; border-radius: 50%; background: rgba(0, 0, 0, 0.72); color: rgb(255, 255, 255); font-size: 26px; line-height: 38px; cursor: pointer; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.livechat-close-mobile { display: none; opacity: 0; transform: translate3d(0px, 14px, 0px); transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s; }
.livechat-modal.is-open .livechat-close-mobile { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.c4-body.livechat-open { overflow: hidden; }
@media (min-width: 769px) {
  .c4-body.livechat-open { overflow: auto; }
}
@media (max-width: 768px) {
  .livechat-backdrop { height: 84px; bottom: auto; background: rgba(0, 0, 0, 0.34); }
  .livechat-panel { inset: 84px 0px 0px; width: 100%; height: calc(100dvh - 84px); border-right: 0px; border-bottom: 0px; border-left: 0px; border-radius: 14px 14px 0px 0px; transform: translate3d(0px, 100%, 0px); }
  .livechat-close { top: 10px; right: 12px; width: 42px; height: 42px; font-size: 30px; line-height: 42px; }
  .livechat-close-panel { display: none; }
  .livechat-close-mobile { display: block; position: fixed; top: 21px; right: 12px; z-index: 2; width: 48px; height: 48px; line-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .livechat-modal, .livechat-backdrop, .livechat-panel, .livechat-close-mobile { transition: none; }
}
.back-to-top { touch-action: manipulation; -webkit-tap-highlight-color: transparent; position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: 5px; border: 3px; border-radius: 999px; display: grid; place-items: center; background: var(--btn-bg); color: rgb(255, 255, 255); box-shadow: var(--btn-shadow); cursor: pointer; z-index: 9999; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.25s, transform 0.25s, visibility linear 0.25s; width: 56px !important; height: 56px !important; }
.back-to-top svg { fill: rgb(255, 255, 255); }
.back-to-top:hover { filter: brightness(1.05); }
.back-to-top:active { transform: translateY(10px) scale(0.98); }
.back-to-top:focus { outline: rgb(203, 182, 255) solid 2px; outline-offset: 2px; }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0px); transition: opacity 0.25s, transform 0.25s; }
@media (prefers-reduced-motion: reduce) {
  .back-to-top { transition: none; }
}