/* === Critical fonts & base === */
@font-face{font-family:LatoWeb;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Lato-Regular.woff2)format("woff2"),url(https://d33egg70nrp50s.cloudfront.net/Fonts/Lato-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:gilroybold;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff2)format("woff2"),url(https://d33egg70nrp50s.cloudfront.net/Fonts/Gilroy-Bold.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open24DisplaySt;font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/Open24DisplaySt.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Glyphicons Halflings";font-display:swap;src:url(https://d33egg70nrp50s.cloudfront.net/Fonts/glyphicons-halflings-regular.woff)format("woff")} body{font-family:LatoWeb;font-size:14px}h1,h2,h3,h4{font-family:inherit}.glyphicon{font-family:"Glyphicons Halflings"}.home-progressive-jackpot,a.home-progressive-jackpot{display:block;position:relative;z-index:2;width:100%;margin-bottom:24px;border-radius:15px} /* ===mdr-v2-beta-desktop (base) === */ /* NUGET: BEGIN LICENSE TEXT * * Microsoftgrants you the right to use these script files for the sole * purpose of either:(i) interacting through your browser with the Microsoft * website or onlineservice, subject to the applicable licensing or use * terms; or (ii) using thefiles as included with a Microsoft product subject * to that product's licenseterms. Microsoft reserves all other rights to the * files not expressly grantedby Microsoft, whether by implication, estoppel * or otherwise. The notices andlicenses below are for informational purposes only. * * NUGET: END LICENSE TEXT*/ /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under theApache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designedand built with all the love in the world by @mdo and @fat. */ /*! normalize.cssv2.1.0 | MIT License | git.io/normalize */ footer, main { display: block; }[hidden] { display: none; } html { font-family: sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0;} a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 {margin: 0.67em 0; font-size: 2em; } strong { font-weight: bold; } hr { height:0; -moz-box-sizing: content-box; box-sizing: content-box; } img { border: 0; }button, input, select { margin: 0; font-family: inherit; font-size: 100%; }button, input { line-height: normal; } button, select { text-transform: none; }button, input[type="submit"] { cursor: pointer; -webkit-appearance: button; }button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }@media print { * { color: #000 !important; text-shadow: none !important;background: transparent !important; box-shadow: none !important; } a, a:visited{ text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; }a[href^="#"]:after { content: ""; } img { page-break-inside: avoid; } img {max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h3 { orphans: 3;widows: 3; } h3 { page-break-after: avoid; } .navbar { display: none; } } *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } body {line-height: 1.428571429; color: gold} input, button, select { font-family: inherit; font-size: inherit; line-height: inherit; }button, input { background-image: none; } a { color: gold; text-decoration:none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus{ outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; } img { vertical-align: middle; } hr { margin-top: 20px;margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } p { margin: 0 0 10px; } h1, h3, h4 { font-family: "Helvetica Neue", Helvetica, Arial,sans-serif; font-weight: 500; line-height: 1.1; } h1, h3 { margin-top: 20px;margin-bottom: 10px; } h4 { margin-top: 10px; margin-bottom: 10px; } h1 {font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } ul { margin-top: 0; margin-bottom: 10px; } .container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .container:before, .container:after { display: table; content: " "; }.container:after { clear: both; } .container:before, .container:after { display:table; content: " "; } .container:after { clear: both; } .row { margin-right:-15px; margin-left: -15px; } .row:before, .row:after { display: table; content:" "; } .row:after { clear: both; } .row:before, .row:after { display: table;content: " "; } .row:after { clear: both; } .col-sm-12, .col-md-3, .col-md-4, .col-md-5, .col-md-12 { position: relative; min-height: 1px;padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) {.container { max-width: 750px; } .col-sm-12 { width: 100%; } } @media (min-width: 992px) { .container { max-width: 970px; } .col-md-3, .col-md-4, .col-md-5 { float: left; } .col-md-3 { width: 25%; } .col-md-4 {width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-12 { width: 100%; } } @media (min-width:1200px) { .container { max-width: 1170px; } } label { display: inline-block;margin-bottom: 5px; font-weight: bold; } .form-control:-moz-placeholder { color:#999; } .form-control::-moz-placeholder { color: #999; }.form-control:-ms-input-placeholder { color: #999; }.form-control::-webkit-input-placeholder { color: #999; } .form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;line-height: 1.428571429; color: #555; vertical-align: middle; background-color:#fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-group { margin-bottom: 15px; } .btn { display: inline-block;padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal;line-height: 1.428571429; text-align: center; white-space: nowrap;vertical-align: middle; cursor: pointer; border: 1px solid transparent;border-radius: 4px; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration:none; } .btn:active { background-image: none; outline: 0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-primary { color: #fff; background-color: #428bca; border-color:#357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color:#fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active {background-image: none; } @font-face { font-family: "Glyphicons Halflings"; src:url("/fonts/glyphicons-halflings-regular.eot"); src:url("/fonts/glyphicons-halflings-regular.eot?#iefix")format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff")format("woff"), url("/fonts/glyphicons-halflings-regular.ttf")format("truetype"),url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular")format("svg"); } .glyphicon { position: relative; top: 1px; display:inline-block; font-family: "Glyphicons Halflings"; -webkit-font-smoothing:antialiased; font-style: normal; font-weight: normal; line-height: 1; }.glyphicon-chevron-left:before { content: "\e079"; }.glyphicon-chevron-right:before { content: "\e080"; }.glyphicon-chevron-down:before { content: "\e114"; } .dropdown-menu { position:absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left;min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style:none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip:padding-box; } .navbar { position: relative; z-index: 1000; min-height: 50px;margin-bottom: 20px; border: 1px solid transparent; } .navbar:before,.navbar:after { display: table; content: " "; } .navbar:after { clear: both; }.navbar:before, .navbar:after { display: table; content: " "; } .navbar:after {clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } }.navbar-fixed-top { position: fixed; right: 0; left: 0; border-width: 0 0 1px; }@media (min-width: 768px) { .navbar-fixed-top { border-radius: 0; } }.navbar-fixed-top { top: 0; z-index: 1030; } .alert-success { color: #468847;background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger { color:#b94a48; background-color: #f2dede; border-color: #eed3d7; } .close { float:right; font-size: 21px; font-weight: bold; line-height: 1; color: #000;text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }.close:hover, .close:focus { color: #000; text-decoration: none; cursor:pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040;display: none; overflow: auto; overflow-y: scroll; } .modal-dialog { z-index:1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; }.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-header { min-height:16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429;} .modal-body { position: relative; padding: 20px; } @media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px;padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }@-ms-viewport { width: device-width; } @media screen and (max-width: 400px) {@-ms-viewport { width: 320px; } } /*! jQuery UI - v1.12.1 - 2016-09-14 *http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css,menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css,dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css,selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css,theme.css * To view and modify this theme, visithttp://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px* Copyright jQuery Foundation and other contributors; Licensed MIT */ /*! jQueryTimepicker Addon - v1.6.3 - 2016-04-20 *http://trentrichardson.com/examples/timepicker * Copyright (c) 2016 TrentRichardson; Licensed MIT */ ul { list-style: none; margin: 0; padding: 0; } a {outline: 0; transition: all 0.3s ease; } a, a:hover, a:active { text-decoration:none; } input, button { outline: 0; } /*# sourceMappingURL=introjs.min.css.map*/ @font-face { font-family: "LatoWeb"; src: url("/fonts/Lato-Regular.woff2")format("woff2"), url("/fonts/Lato-Regular.woff") format("woff"); font-weight:normal; font-style: normal; font-display: swap; } @font-face { font-family:"latoblack"; src: url("/fonts/lato-black.woff2") format("woff2"),url("/fonts/lato-black.woff") format("woff"); font-weight: normal; font-style:normal; } @font-face { font-family: "latobold"; src:url("/fonts/lato-bold.woff2") format("woff2"), url("/fonts/lato-bold.woff")format("woff"); font-weight: normal; font-style: normal; font-display: swap; }@font-face { font-family: "Digital Numbers"; src:url("/fonts/DigitalNumbers-Regular.ttf") format("truetype"); font-weight:normal; font-style: normal; } @font-face { font-family: "Average Sans"; src:url("/fonts/AverageSans-Regular.ttf") format("truetype"); font-weight: normal;font-style: normal; } body { font-family: "LatoWeb"; font-size: 14px; } h1, h3, h4 { font-family: inherit; } body {padding-top: 156px} body a, body a:hover, body a:focus { text-decoration: none; } .modal-content { width: 100%; }.topbar-container { padding: 8px 0; border-bottom: 1px solid #171b34;background-color: #141126; font-size: 12px; } .topbar-inner-container { display:flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }.topbar-inner-group { display: flex; flex-direction: column; align-items:flex-end; } .topbar-sub-section { display: flex; flex-wrap: nowrap;margin-bottom: 10px; } .topbar-sub-section [data-icon] { display: inline-block;height: 14px; width: 14px; background: center no-repeat; background-size:contain; margin-right: 5px; animation-name: topbar-icon-bounce;animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function:linear; animation-iteration-count: infinite; background-image: var(--image-src);} @keyframes topbar-icon-bounce { 0%, 20%, 40%, 60%, 80%, 100% { transform:translateY(0); } 70% { transform: translateY(-5px); } 50% { transform:translateY(-12px); } } .topbar-sub-section .topbar-item { color: #d5d5d5;display: flex; justify-content: center; align-items: center; }.topbar-sub-section .topbar-item + .topbar-item { margin-left: 10px;border-left: 1px dotted #ccc; } .topbar-sub-section .topbar-item a,.topbar-sub-section .topbar-item .live-chat { color: #d5d5d5; padding: 5px 10px;border-radius: 3px; line-height: 1; display: flex; align-items: center; }.topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover { color: #fff; } .topbar-sub-section .topbar-item .live-chat {cursor: pointer; } .topbar-sub-section .language-selector-container { position:relative; color: #fff; padding: 5px 10px; } .topbar-sub-section .language-selector-trigger { cursor: pointer; display: flex; align-items:center; } .topbar-sub-section .language-selector-trigger:after { content: "";display: inline-block; width: 0; height: 0; border: 5px solid transparent;border-top: 5px solid #fff; border-bottom: 0; margin-left: 5px; }.topbar-sub-section .language-selector { background-color: #0b0917; cursor:pointer; padding: 0; min-width: max-content; margin-left: -11px; }.topbar-sub-section .language-selector li { background-color: #141126; padding:7px 10px; white-space: nowrap; margin: 2px 0; display: flex; align-items:center; gap: 10px; } .topbar-sub-section .language-selector li:hover {background-color: #c9176b; } .topbar-sub-section .language-selector .language-name > div:last-child { font-size: 10px; } .topbar-sub-section i[data-language] { display: inline-block; margin-right: 5px; height: 11px;width: 16px; background-repeat: no-repeat; background-image: var(--image-src); }.topbar-sub-section i[data-language="en"] { background-position: -176px -44px; }.topbar-sub-section i[data-language="id"] { background-position: -64px -66px; }.topbar-sub-section i[data-language="kr"] { background-position: -144px -77px; }.topbar-sub-section i[data-language="cn"] { background-position: -208px -22px; }.topbar-sub-section i[data-language="jp"] { background-position: -16px -77px; }.topbar-sub-section i[data-language="th"] { background-position: -160px -143px;} .topbar-sub-section i[data-language="my"] { background-position: -16px -99px;} .topbar-sub-section i[data-language="kh"] { background-position: -64px -77px;} .topbar-sub-section i[data-language="hi"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="ta"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="te"] { background-position: -128px -66px;} .topbar-sub-section i[data-language="vi"] { background-position: -16px -165px;} .topbar-sub-section i[data-language="bn"] { background-position: -32px -11px;} .topbar-sub-section i[data-language="pt"] { background-position: -112px -121px; } .site-header { background: linear-gradient(to right, #320a4c 0%,#470a30 100%); box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.1); }.site-header .container .row > div { position: initial; }.site-header-inner-container { display: flex; flex-wrap: nowrap;justify-content: center; align-content: center; } .topbar-inner-container .logo{ display: inline-block; width: 20%; padding-top: calc((20% * 68 / 300) + 15px *2); position: relative; } .topbar-inner-container .logo > img { position:absolute; top: 0; left: 0; height: calc(100% - 15px * 2); margin: 15px 0; }.menu-slide { display: flex; align-items: center; overflow: hidden; }.menu-slide > i { cursor: pointer; color: #fff; top: -2px; } .menu-slide > i.glyphicon-chevron-left { margin-right: 10px; } .menu-slide > i.glyphicon-chevron-right { margin-left: 10px; } .top-menu { font-size: 15px;margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;flex-grow: 1; overflow: hidden; scroll-behavior: smooth; } .top-menu > li {color: #fff; display: flex; flex-shrink: 0; flex: 0 1 auto; padding: 0 4px 0 4px; white-space: nowrap; } .top-menu > li + li:before { content: "";background: #580c50; height: 20px; width: 1px; margin: 0 10px 0 10px; top: 20px;position: relative; } .top-menu > li > a { text-decoration: none; display:block; width: 100%; text-align: center; color: inherit; text-transform:uppercase; white-space: nowrap; padding: 20px 0; font-size: 12px; position:relative; } .top-menu > li > a > i { font-size: 12px; } .top-menu > li:hover {color: #db1acb; } .top-menu > li:hover > a > i:not([data-icon]) { transform:rotate(-180deg); } .top-menu > li:not(:hover) .game-list-container { display:none; } .footer-separator { padding: 15px 0 0; margin: 15px 0 0; border-top: 1px dotted #4f8acf; } .site-footer { padding: 25px 0; } .copyright { margin-bottom: 15px;} .copyright { color: #fff; text-align: right; } .footer-info-container {display: flex; } .footer-info-container .site-info { flex-basis: calc(100% / 3 +30px); position: relative; padding-right: 30px; } .footer-info-container .site-info:last-child { flex-basis: calc(100% / 3 - 30px * 2); padding: 0; }.footer-info-container .site-info:not(:last-child):after { content: "";position: absolute; display: inline-block; top: 90px; right: 20px; width: 1px;bottom: 20px; background-color: #0a2c52; border-radius: 2px; }.site-info:not(:last-child) { padding-right: 40px; }.site-info:not(:last-child):after { content: ""; position: absolute; display:inline-block; top: 90px; right: 10px; width: 1px; bottom: 20px;background-color: #0a2c52; border-radius: 2px; } .site-info [data-icon] {display: inline-block; height: 40px; width: 40px; background: no-repeat left; }.site-info [data-icon="service"] { background-position-y: 0; } .site-info[data-icon="product"] { background-position-y: 0px; } .site-info[data-icon="help-and-service"] { background-position-y: 0px; } .site-info .site-info-title { display: flex; flex-wrap: nowrap; align-items: center;padding: 15px 0; border-bottom: 1px dotted #315581; } .site-info .site-info-title [data-icon] { margin-right: 20px; } .site-info .site-info-title h3 { font-size: 21px; color: #b9c6d6; } .site-info .site-info-title p {font-size: 12px; color: #3b4b71; } .site-info .site-info-title h3, .site-info .site-info-title p { margin: 0; padding: 0; } .site-info .site-info-description{ margin: 20px 0; } .site-info .site-info-description.with-seperator +.with-seperator { border-top: 1px dotted #3c4b72; padding-top: 10px; }.site-info .site-info-description h4, .site-info .site-info-description p {color: #596b95; } .site-info .site-info-description h4 { font-size: 17px;margin-bottom: 0; } .site-info .site-info-description p { font-size: 12px;line-height: 20px; } .bank-list > li { position: relative; display:inline-block; padding: 5px 2px 5px 10px; } .bank-list [data-online] img { width:80px; height: 40px; } .bank-list > [data-online="true"]:before { content: "";position: absolute; top: 5px; left: 2px; bottom: 5px; width: 5px; border-radius:2px; } .bank-list > [data-online="true"]:before { background-color: #0f0; }.social-media-list { margin-top: 5px; } .social-media-list > li { display:inline-block; } .social-media-list > li img { width: 32px; height: 32px; }.social-media-list > li:hover img { animation: bounce 1s; } @keyframes bounce {0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0);} 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }.footer-section-title { color: #fff; } .supported-browser-container { display:flex; justify-content: flex-end; } .hover-list { display: flex; flex-wrap: wrap;} .hover-list > li + li { margin-left: 10px; } .hover-list > li { position:relative; } .hover-list > li picture, .hover-list > li img { width: 100%; }.hover-list > li a > picture:first-child, .hover-list > li > picture:first-child{ opacity: 1; } .hover-list > li a > picture:last-child, .hover-list > li >picture:last-child { position: absolute; left: 0; top: 0; opacity: 0; }.hover-list > li a > picture:first-child, .hover-list > li >picture:first-child, .hover-list > li a > picture:last-child, .hover-list > li >picture:last-child { transition: opacity 0.5s; } .hover-list > li:hover a >picture:first-child, .hover-list > li:hover > picture:first-child { opacity: 0;} .hover-list > li:hover a > picture:last-child, .hover-list > li:hover >picture:last-child { opacity: 1; } .register-modal .register-page-reminder { margin: 20px 0;color: #b2b0b9; text-align: center; } .register-modal .register-page-link {text-align: center; } .register-modal .register-page-link a { color: #d51ac5; }.register-modal .modal-body, .forgot-password-modal .modal-body {background-color: #0f0c1b; border-bottom-left-radius: inherit;border-bottom-right-radius: inherit; } .forgot-password-modal .forgot-password-dice-1, .forgot-password-modal .forgot-password-dice-2 {content: ""; position: absolute; background: center no-repeat; background-size:contain; } .forgot-password-modal .forgot-password-dice-1 { height: 186px;width: 128px; top: -30px; right: 100%; } .forgot-password-modal .forgot-password-dice-2 { width: 90px; height: 151px; top: 50px; left: 100%; }.login-modal .modal-dialog { width: 483px; } .register-modal .modal-header,.forgot-password-modal .modal-header,.simple-modal .modal-header {background-color: #0c0c0c; background-image: none; color: #fff; text-align:center; border-top-left-radius: inherit; border-top-right-radius: inherit;border-bottom: 0; min-height: 50px; text-transform: uppercase; } .register-modal .modal-body, .forgot-password-modal .modal-body, .simple-modal .modal-body {padding-top: 1px; } .register-modal .modal-header > *, .forgot-password-modal .modal-header > *, .simple-modal .modal-header > * { color: #fff; }.register-modal .modal-header hr, .forgot-password-modal .modal-header hr, .simple-modal hr { margin: 10px 0 0 0; height: 1px; border: 0; background:-webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent),color-stop(50%, #fff)); } .forgot-password-modal label { color: #fff;font-weight: normal; } .forgot-password-modal .btn { width: 80%; padding: 12px;border-radius: 4px; } .login-modal .login-form-container .popup-loader-container{ display: flex; justify-content: center; align-items: center; } .simple-modal .modal-header { padding: 32px 16px 12px; } .simple-modal .modal-header .close {margin: 0 0 12px; } .simple-modal .modal-body { padding: 1px 32px 12px; }.bonus-selection-popup-container:empty { display: none; } .modal-dialog {display: flex; align-items: center; justify-content: center; min-height: 100%;pointer-events: none; } .modal-content { flex-basis: 100%; pointer-events:initial; background: transparent; border: 0; border-radius: 10px; }.modal-header { background-color: #600000; background-image: linear-gradient(to bottom, #600000 0%, #3d0000 100%); text-align: center; border-top-left-radius:inherit; border-top-right-radius: inherit; border-bottom: 0; min-height: 50px;text-transform: uppercase; } .register-modal .modal-header,.forgot-password-modal .modal-header { background-color: #111; background-image:none; color: #fff; text-align: center; border-top-left-radius: inherit;border-top-right-radius: inherit; border-bottom: 0; min-height: 50px;text-transform: uppercase; } .register-modal .modal-header hr,.forgot-password-modal .modal-header hr { margin: 10px 0 0 0; height: 1px;border: 0; background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent),to(transparent), color-stop(50%, #fff)); } .modal-header .close { opacity: 1;color: #fff; margin: 0; } .modal-body { background-color: #f2f2f3; color: #333;} .modal-body:last-child { border-bottom-left-radius: inherit;border-bottom-right-radius: inherit; } .modal-body img { max-width: 100%; }.register-modal .modal-body { padding-top: 1px; } .standard-required-message {color: #f00; display: block; margin-top: 5px; } .standard-required-message {display: none; } .alert-success, .alert-danger { padding: 10px; }.standard-inline-form-group { display: flex; flex-wrap: nowrap; align-items:center; margin-bottom: 15px; } .standard-inline-form-group label { flex-grow: 1;margin: 0; color: #fff; font-weight: 100; } .standard-inline-form-group .form-control { background-color: #0c0914; border: 1px solid #1f1632; color:#fff; border-radius: 5px; } .standard-inline-form-group [data-section="input"] {width: 60%; flex-shrink: 0; } .standard-button-group { text-align: center;margin-bottom: 15px; } .standard-button-group .btn-primary { background:#db1acb; background-image: linear-gradient(to right, #db1acb 0%, #470a30 100%);padding: 10px 20px; border: 0; } .standard-button-group .btn-primary { padding:10px 35px; } .standard-button-group .btn-primary:hover { background: #470a30;background-image: linear-gradient(to right, #470a30 0%, #db1acb 100%); }.loader-spinner { width: 50px; height: 50px; position: relative; }.loader-spinner > span:before, .loader-spinner > span:after { content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:100%; border: 5px solid transparent; border-top-color: #333; } .loader-spinner >span:before { z-index: 100; animation: spin 1s infinite; } .loader-spinner >span:after { border: 5px solid #ccc; } @keyframes spin { 0% { -webkit-transform:rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform:rotate(360deg); } } .search-popup-container { display: none; position: fixed;top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh;background-color: rgba(0, 0, 0, 0.8); z-index: 1030; overflow-y: auto; }.alert-danger, .alert-success { border-radius: 5px; padding: 8px; margin-bottom:16px; } .modal-body:has(.resolved-transaction-popup) { background: none; border:0; } .modal-header:has(+ .modal-body .resolved-transaction-popup) { background:none; border: 0; background-image: none; }.modal-content:has(.resolved-transaction-popup) { background:var(--modal-body-resolved-trans-details-bg); border-color:var(--modal-body-resolved-trans-details-bg); } .login-panel { display: flex;flex-wrap: nowrap; justify-content: flex-end; color: #fff; } .login-panel .login-panel-item + .login-panel-item { margin-left: 10px; } .login-panel .login-panel-item:last-of-type { padding-right: 15px; margin-right: 15px; }.login-panel .login-button, .login-panel .register-button { border-radius: 15px;display: block; padding: 3px 10px; text-transform: uppercase; color: inherit;line-height: 22px; border: 0; width: 90px; text-align: center; outline: 0; }.login-panel .login-button { background: #362f5e; } .login-panel .login-button:hover { background: #221e37; } .login-panel .register-button {background: #db1acb; background: linear-gradient(to right, #db1acb 0%, #c9176b 100%); } .login-panel .register-button:hover { background: #c9176b; background:linear-gradient(to right, #c9176b 0%, #db1acb 100%); } @keyframes spin { 0% {transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform:rotate(360deg); } } .play-now { display: flex; align-items: center;justify-content: center; cursor: pointer; white-space: nowrap; font-size: 14px;border-radius: 18px; padding: 3px 15px; margin: 5px 0; text-decoration: none; }.play-now:hover { text-decoration: none; } .play-now { color: #fff; background:#ba166e; background: linear-gradient(to right, #ba166e 0%, #661181 100%);font-family: "latobold"; } .play-now:hover { color: #fff; background: #661181;background: linear-gradient(to right, #661181 0%, #ba166e 100%); } .game-list {background-color: #0a0813; border: 2px solid #322547; padding: 10px;border-radius: 30px; } .game-list { margin-top: 20px; display: flex; flex-wrap:wrap; } .game-list .game-item { width: calc((100% - (5px * 6 * 2)) / 6); margin:5px; padding: 5px; background-color: #1e1a31; background-image:linear-gradient(to bottom, #1e1a31 0%, #171429 100%); border-radius: 25px;position: relative; } .game-list img { position: absolute; top: 0; left: 0;height: 100%; width: 100%; transition: transform 0.2s; transform-origin: center;} .game-list .game-name, .game-list .provider-name { font-size: 14px; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; } .game-list .game-name { padding: 4px 10px 8px; }.game-list .link-container { background-color: rgba(6, 0, 15, 0.85); position:absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction:column; align-items: center; justify-content: center; } .game-list .wrapper-container { position: relative; padding-top: 100%; border-radius: 25px;overflow: hidden; } .game-list .wrapper-container:hover { background: #000; }.game-list .wrapper-container:hover img { transform: scale(1.25); } .game-list .wrapper-container:not(:hover) .link-container { display: none; } .game-list .link-container a { margin: 10px; width: 70%; padding: 10px 15px; }

/* === mdr-v2-beta-desktop (layout) === */
.banner { aspect-ratio: 1920 / 613; overflow: hidden; }
.home-inner-container { background-color: rgba(22, 18, 40, 0.83); padding: 30px; border-radius: 30px; }
.popular-game-title-container { display: flex; align-items: center; padding: 10px; margin-top: 20px; color: #fff; }
.popular-game-title-container .title { font-size: 20px; display: flex; align-items: center; }
.popular-game-title-container > i { border-bottom: 2px solid #451e58; border-top: 2px solid #0d0d0d; flex-grow: 1; margin: 0 15px; }
.popular-game-title-container + .game-list-container { background-color: #0a0813; border: 2px solid #322547; padding: 10px 15px; border-radius: 30px; }
.popular-game-title-container + .game-list-container .game-list { overflow-x: auto; flex-wrap: nowrap; padding: 0; margin: 0; border: 0; }
.popular-game-title-container + .game-list-container .game-list .game-item { flex-shrink: 0; position: relative; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar { height: 7px; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-track { background: transparent; }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-thumb { background: #58585a; border-radius: 5px; }
.popular-game-title-container + .game-list-container .game-list .games-group { width: calc((100% - 6px * 5) / 6.5); flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; margin: 3px; }
.popular-game-title-container + .game-list-container .game-list .games-group .game-item { width: 100%; margin: 0; }

/* === mdr-v2-beta-desktop (utilities) === */
table:has(+ .empty-table-container) { margin-bottom: 0; padding-bottom: 0; }

/* === dark-blue theme === */
:root {
    --topbar-height: 72px;
    --site-header-height: 52px;
    --site-header-offset: calc(var(--topbar-height) + var(--site-header-height));
    --main-theme-color: #600000;
    --theme-red: #600000;
    --theme-red-dark: #3d0000;
    --theme-red-glow: rgba(255, 0, 0, 0.22);
    --theme-gold: gold;
    --theme-bg: #0a0a0a;
    --theme-panel: rgba(13, 13, 13, 0.92);
    --theme-text: #e0e0e0;
    --theme-radius: 16px;
}

.home-inner-container { background-color: #151515; }
.popular-game-title-container { color: #fff; }
.popular-game-title-container > i { border-bottom-color: #540505; border-top-color: #490909; }
.play-now { color: #fff; background: #4582b4; background: linear-gradient(to right, #5b0e0e 0%, #500b0b 100%); }
.play-now:hover { color: #fff; background: #305d82; background: linear-gradient(to right, #420a0a 0%, #521212 100%); }
.game-list, .popular-game-title-container + .game-list-container { background-color: transparent; border-color: transparent; }
.game-list .game-item { background-color: #360404; background-image: none; }
.game-list .game-name { color: #fff; }
.game-list .provider-name { color: gold; }
.game-list .link-container { background-color: rgba(6, 0, 15, 0.85); }
.game-list .wrapper-container:hover { background: #000; }
body { background-color: #0d0d0d; }
.topbar-container { border-bottom-color: #151515; background-color: #151515; }
.topbar-sub-section .topbar-item { color: #d5d5d5; }
.topbar-sub-section .topbar-item + .topbar-item { border-left-color: #ccc; }
.topbar-sub-section .topbar-item a, .topbar-sub-section .topbar-item .live-chat { color: #fff; }
.topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover { color: gold; }
.topbar-sub-section .language-selector-container { color: #fff; }
.topbar-sub-section .language-selector-trigger:after { border-color: transparent; border-top-color: #fff; }
.topbar-sub-section .language-selector { background-color: #2a2a2a; }
.topbar-sub-section .language-selector li { background-color: #111; }
.topbar-sub-section .language-selector li:hover { background-color: #881111; }
.site-header { background: #600000; box-shadow: none; }
.top-menu > li { color: #fff; }
.top-menu > li + li:before { background: #353535; }
.top-menu > li:hover { color: gold; }
.register-modal .register-page-reminder { color: #fff; }
.register-modal .register-page-link a { color: gold; }
.register-modal .modal-body, .forgot-password-modal .modal-body { background-color: #111; color: #fff; }
.login-panel { color: #fff; }
.login-panel .login-button { background: transparent; border: 1px solid #fff; transition: all 0.3s ease; }
.login-panel .login-button:hover { background: #5f5f5f; border-color: #5f5f5f; }
.login-panel .register-button { background: #6b1313; background: linear-gradient(to right, #600f0f 0%, #641111 100%); }
.login-panel .register-button:hover { background: #305d82; background: linear-gradient(to right, #350606 0%, #400505 100%); }
.modal-header { background-color: #600000; background-image: linear-gradient(to bottom, #600000 0%, #3d0000 100%); color: #fff; }
.modal-header .close { color: #fff; }
.modal-body { background-color: #0c0c0c; color: #fff; }
.standard-required-message { color: #f00; }
.standard-inline-form-group label { color: #fff; }
.standard-inline-form-group .form-control { background-color: #0c0c0c; border-color: #2a2a2a; color: #fff; }
.standard-button-group .btn-primary { background: linear-gradient(135deg, #7a1515 0%, #600000 100%); background-image: none; color: #fff; }
.standard-button-group .btn-primary:hover { background: linear-gradient(135deg, #600000 0%, #9a2020 100%); color: #fff; background-image: none; }
.site-info .site-info-title p, .site-footer .copyright, .site-info .site-info-description h4, .site-info .site-info-description p { color: #696969; }
.site-info .site-info-title h3, .footer-section-title { color: #d5d5d5; }
.footer-separator, .site-info .site-info-title, .site-info .site-info-description.with-seperator + .with-seperator { border-color: #696969; }
.footer-info-container .site-info:not(:last-child):after { background-color: rgba(255, 255, 255, 0.14); }
.modal-content:has(.resolved-transaction-popup) { background: #252525; border-color: #252525; }

/* === article top meta (di atas artikel) === */
.article-top-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1100px;
    margin: 0 auto 20px;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
}
.article-top-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: none;
}
.article-top-links a {
    color: #999999;
    text-decoration: none;
    transition: color 0.2s ease;
    text-transform: none;
}
.article-top-links a:hover,
.article-top-links a:focus {
    color: #cccccc;
    text-decoration: none;
}
.article-top-links span {
    color: #555555;
    user-select: none;
}
.article-top-copy {
    margin: 0;
    color: #999999;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0.01em;
}
@media (max-width: 768px) {
    .article-top-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
    }
    .article-top-copy { white-space: normal; }
}

/* === article === */
.slot-article-box {
    max-width: 1100px;
    margin: 40px auto;
    padding: 28px 32px;
    border-radius: 16px;
    background: linear-gradient(145deg, #1a1a1a, #0d0d0d);
    border: 1px solid rgba(255, 0, 0, 0.25);
    box-shadow: 0 12px 30px rgba(255, 0, 0, 0.35);
    color: #e9f7e9;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.7;
}
.slot-article-box h1, .slot-article-box h2, .slot-article-box h3 {
    color: #ffffff;
    line-height: 1.35;
    margin: 0 0 16px;
    text-shadow: 0 0 12px rgba(255, 0, 0, 0.45);
}
.slot-article-box h1 { font-size: 2.25rem; }
.slot-article-box h2 { font-size: 1.85rem; margin-top: 28px; }
.slot-article-box h3 { font-size: calc(1.85rem - 1px); margin-top: 24px; }
.slot-article-box p { margin: 0 0 16px; text-align: justify; color: #e9f7e9; }
.slot-article-box a { color: #e9f7e9; font-weight: bold; text-decoration: none; border-bottom: none; }
.slot-article-box a:hover { color: #e9f7e9; text-decoration: none; }
.slot-article-box ul { margin: 0 0 16px; padding-left: 1.5rem; }
.slot-article-box li { margin-bottom: 8px; }
.slot-article-box li::marker { color: gold; }
@media (max-width: 768px) {
    .slot-article-box { margin: 24px 12px; padding: 20px 18px; }
    .slot-article-box h1 { font-size: 1.75rem; }
    .slot-article-box h2 { font-size: 1.5rem; }
    .slot-article-box h3 { font-size: calc(1.5rem - 1px); }
}

/* === apk download === */
.apk-download-box {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}
.apk-download-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 30px 34px;
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 120% at 0% 50%, rgba(96, 0, 0, 0.28) 0%, transparent 55%),
        radial-gradient(ellipse 60% 100% at 100% 50%, rgba(255, 215, 0, 0.06) 0%, transparent 50%),
        linear-gradient(135deg, rgba(38, 8, 8, 0.98) 0%, rgba(10, 10, 10, 0.96) 52%, rgba(28, 6, 6, 0.98) 100%);
    border: 1px solid rgba(255, 215, 0, 0.22);
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.5),
        0 0 32px rgba(255, 0, 0, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.apk-download-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 215, 0, 0.7) 25%, rgba(255, 0, 0, 0.6) 50%, rgba(255, 215, 0, 0.7) 75%, transparent 100%);
    pointer-events: none;
}
.apk-download-visual {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 130px;
    padding: 20px 16px;
    border-radius: 16px;
    background: radial-gradient(circle at 50% 35%, rgba(96, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.55) 70%);
    border: 1px solid rgba(255, 215, 0, 0.18);
    box-shadow: 0 0 24px rgba(255, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.apk-download-icon {
    width: 76px;
    height: 76px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(255, 0, 0, 0.45));
}
.apk-download-badge {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #8a1818 0%, #600000 100%);
    border: 1px solid rgba(255, 215, 0, 0.45);
    color: gold;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    box-shadow: 0 2px 10px rgba(255, 0, 0, 0.25);
}
.apk-download-content {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
}
.apk-download-content h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.3;
    text-shadow: 0 0 14px rgba(255, 0, 0, 0.45);
}
.apk-download-lead {
    margin: 0 0 14px;
    color: #e4e4e4;
    font-size: 15px;
    line-height: 1.65;
    text-align: justify;
}
.apk-download-lead strong {
    color: #fff;
}
.apk-download-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
.apk-download-features li {
    position: relative;
    margin: 0;
    padding-left: 18px;
    color: #d8d8d8;
    font-size: 14px;
    line-height: 1.5;
}
.apk-download-features li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00e676;
    box-shadow: 0 0 8px rgba(0, 230, 118, 0.6);
}
.apk-download-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}
.apk-download-meta span {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #c0c0c0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.apk-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    padding: 15px 32px;
    border-radius: 999px;
    background: linear-gradient(135deg, #9a2020 0%, #600000 45%, #7a1515 100%);
    border: 1px solid rgba(255, 215, 0, 0.4);
    box-shadow: 0 8px 24px rgba(255, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.apk-download-btn:hover,
.apk-download-btn:focus {
    color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #b02828 0%, #600000 45%, #9a2020 100%);
    box-shadow: 0 10px 30px rgba(255, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}
@media (max-width: 768px) {
    .apk-download-box { margin: 0 auto; }
    .apk-download-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 20px;
    }
    .apk-download-visual {
        width: 100%;
        flex-direction: row;
        justify-content: center;
    }
    .apk-download-content h2 { font-size: 1.35rem; }
    .apk-download-features { grid-template-columns: 1fr; }
    .apk-download-btn { width: 100%; min-width: 0; }
}

/* === prediksi piala dunia & mix parlay === */
.bola-tools-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}
.bola-tools-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: stretch;
}
.bola-tools-panel {
    padding: 24px 22px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(26, 10, 10, 0.96), rgba(13, 13, 13, 0.94));
    border: 1px solid rgba(255, 0, 0, 0.24);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.08);
    color: #e0e0e0;
    min-width: 0;
}
.bola-tools-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.bola-tools-panel h2 {
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.3;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.35);
}
.bola-tools-tag {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.35);
    color: gold;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.bola-tools-intro {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.6;
    color: #c8c8c8;
}
.bola-tools-intro a {
    color: gold;
    font-weight: 700;
    text-decoration: none;
}
.bola-tools-intro a:hover { color: #fff; }
.prediction-table-wrap {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid rgba(255, 0, 0, 0.16);
    background: rgba(0, 0, 0, 0.28);
}
.prediction-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.prediction-table th,
.prediction-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    white-space: nowrap;
}
.prediction-table th {
    background: rgba(96, 0, 0, 0.35);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.prediction-table tbody tr:last-child td { border-bottom: 0; }
.prediction-table tbody tr:hover { background: rgba(255, 0, 0, 0.06); }
.prediction-pill {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.12);
    border: 1px solid rgba(0, 230, 118, 0.35);
    color: #9dffc8;
    font-size: 12px;
    font-weight: 600;
}
.bola-tools-note {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #888;
}
.parlay-calculator { margin: 0; }
.parlay-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    color: #d0d0d0;
    font-size: 13px;
    font-weight: 600;
}
.parlay-field input,
.parlay-leg input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.parlay-field input:focus,
.parlay-leg input:focus {
    border-color: rgba(255, 0, 0, 0.45);
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.15);
}
.parlay-legs-head {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 10px;
    margin-bottom: 8px;
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.parlay-legs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}
.parlay-leg {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 10px;
}
.parlay-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.parlay-btn {
    flex: 1 1 auto;
    min-width: 140px;
    padding: 11px 16px;
    border-radius: 999px;
    border: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.parlay-btn-primary {
    background: linear-gradient(135deg, #7a1515 0%, #600000 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(255, 0, 0, 0.25);
}
.parlay-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(255, 0, 0, 0.35); }
.parlay-btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;
}
.parlay-btn-secondary:hover { background: rgba(255, 255, 255, 0.14); }
.parlay-result {
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding: 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 215, 0, 0.22);
}
.parlay-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #ccc;
}
.parlay-result-item strong {
    color: #fff;
    font-size: 16px;
}
.parlay-result-profit strong { color: gold; }
@media (max-width: 991px) {
    .bola-tools-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .bola-tools-section { margin: 0 auto; }
    .bola-tools-panel { padding: 20px 16px; }
    .bola-tools-panel h2 { font-size: 1.2rem; }
    .parlay-legs-head,
    .parlay-leg { grid-template-columns: 1fr 88px; }
    .parlay-actions { flex-direction: column; }
    .parlay-btn { width: 100%; min-width: 0; }
}

/* === banner === */
.banner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: #000;
    box-sizing: border-box;
}
.banner-carousel,
.banner-carousel > a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 0;
}
.banner-carousel img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
    object-position: center top;
}

/* === footer: selaras lebar .container === */
.site-footer { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.site-footer > .container { max-width: none; width: 100%; padding-left: 0; padding-right: 0; overflow-x: clip; }
@media (min-width: 768px) { .site-footer { max-width: 750px; } }
@media (min-width: 992px) { .site-footer { max-width: 970px; } }
@media (min-width: 1200px) { .site-footer { max-width: 1170px; } }

/* === register popup (MAIN button) === */
.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10990;
    background-color: rgba(0, 0, 0, 0.65);
}

#popup_modal.is-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 11000;
    overflow: hidden;
    padding: 15px;
}

#popup_modal.is-open .modal-dialog {
    position: relative;
    left: auto !important;
    right: auto !important;
    z-index: 11001;
    width: 100%;
    max-width: 420px;
    margin: 0 !important;
    padding: 0;
    min-height: auto;
    display: block;
    pointer-events: auto;
    transform: none !important;
}

#popup_modal .modal-content {
    background: #111;
    border: 1px solid #3a3a3a;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

#popup_modal .register-popup-message {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 24px;
    color: #fff;
}

#popup_modal .register-popup-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

#popup_modal .register-popup-actions .play-now {
    min-width: 130px;
    padding: 10px 24px;
    border: 0;
    cursor: pointer;
}

body.modal-open { overflow: hidden; }

/* === footer info (PELAYANAN / PRODUK / BANTUAN) === */
:root {
    --footer-gap: 16px;
    --footer-gap-sm: 8px;
    --footer-divider-gap: 14px;
}

.footer-info-container {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    margin: 8px 0 20px;
    padding: 28px 32px 24px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(26, 10, 10, 0.94), rgba(13, 13, 13, 0.9));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    isolation: isolate;
}
.footer-info-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 15% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 85% 100%, rgba(255, 255, 255, 0.03) 0%, transparent 55%),
        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.footer-info-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
    z-index: 0;
}
.footer-info-container .site-info {
    flex: 1 1 33.333%;
    min-width: 0;
    padding: 0 28px !important;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.footer-info-container .site-info:first-child {
    padding-left: 0 !important;
    padding-right: 32px !important;
}
.footer-info-container .site-info:nth-child(2) {
    padding-left: 36px !important;
    padding-right: 24px !important;
}
.footer-info-container .site-info:last-child {
    padding-right: 0 !important;
    padding-left: 32px !important;
}
.footer-info-container .site-info:not(:last-child)::after {
    top: 50px;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.14);
    background-color: rgba(255, 255, 255, 0.14);
}
.footer-info-container .site-info::after {
    content: "";
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: none;
}
.footer-info-container .site-info:last-child::after { display: none; }
.footer-info-container .site-info .site-info-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    padding: 0 0 var(--footer-gap-sm);
    margin: 0 0 var(--footer-gap);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.14);
    text-align: left;
}
.footer-info-container .site-info .site-info-title [data-icon] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 0;
    background-image: url(/assets/favicon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-info-container .site-info .site-info-title h3 {
    margin: 0;
    font-size: 17px;
    color: #e8e8e8;
    text-align: left;
}
.footer-info-container .site-info .site-info-title p {
    margin: 4px 0 0;
    font-size: 12px;
    color: #888;
    text-align: left;
}
.footer-info-container .site-info-description {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}
.footer-info-container .site-info-description + .site-info-description {
    margin-top: var(--footer-divider-gap);
    padding-top: var(--footer-divider-gap);
    border-top: 1px dotted rgba(255, 255, 255, 0.12);
}
.footer-info-container .site-info-description h3 {
    margin: 0 0 var(--footer-gap-sm);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.35;
}
.footer-info-container .site-info-description h3 a {
    color: #d5d5d5;
    text-decoration: none;
    transition: color 0.2s ease;
}
.footer-info-container .site-info-description h3 a:hover,
.footer-info-container .site-info-description h3 a:focus {
    color: gold;
    text-decoration: none;
}
.footer-info-container .site-info-description h4 {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: #b5b5b5;
    letter-spacing: 0.03em;
}
.footer-info-container .site-info-description p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #888;
}
.footer-info-container .site-info-description p + ul,
.footer-info-container .site-info-description .bank-list {
    margin-top: 10px;
}
.footer-info-container #deposit_progress,
.footer-info-container #withdrawal_progress,
.footer-info-container [data-average-time] {
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    margin-top: 2px;
}
.footer-info-container .bank-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 0;
    padding: 0;
    justify-items: start;
    align-items: center;
    width: 100%;
}
.footer-info-container .bank-list > li {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    line-height: 0;
}
.footer-info-container .bank-list > li picture {
    display: block;
    line-height: 0;
}
.footer-info-container .bank-list > li[data-online="true"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg, #4caf50 0%, #00e676 100%);
    box-shadow: 0 0 8px rgba(0, 230, 118, 0.55);
    z-index: 1;
}
.footer-info-container .bank-list > li[data-online="false"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    border-radius: 8px 0 0 8px;
    background: #e53935;
    box-shadow: 0 0 6px rgba(229, 57, 53, 0.45);
    z-index: 1;
}
.footer-info-container .bank-list img {
    display: block;
    width: 80px;
    max-width: 100%;
    height: 40px;
    object-fit: contain;
}
.footer-info-container .social-media-list { list-style: none; padding: 0; margin: var(--footer-gap-sm) 0 0; }
.footer-info-container .social-media-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.footer-info-container .social-media-list a:hover { color: #e8e8e8; }
.footer-info-container .social-media-list img { width: 22px; height: 22px; }
@media (max-width: 991px) {
    .footer-info-container {
        flex-direction: column;
        gap: 0;
        padding: 22px 20px 18px;
    }
    .footer-info-container .site-info {
        padding: 18px 0 !important;
    }
    .footer-info-container .site-info:first-child,
    .footer-info-container .site-info:nth-child(2),
    .footer-info-container .site-info:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .footer-info-container .site-info:first-child {
        padding-top: 0 !important;
    }
    .footer-info-container .site-info:last-child {
        padding-bottom: 0 !important;
    }
    .footer-info-container .site-info::after {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.14);
        box-shadow: none;
    }
    .footer-info-container .site-info:last-child::after { display: none; }
}
@media (max-width: 576px) {
    .footer-info-container .bank-list { grid-template-columns: repeat(2, 1fr); }
}

/* === global polish (tema DRAGON222) === */
html {
    scroll-behavior: smooth;
    overflow-x: clip;
    max-width: 100%;
}
body {
    overflow-x: clip;
    max-width: 100%;
    width: 100%;
    background-color: var(--theme-bg);
    background-image:
        radial-gradient(ellipse 120% 70% at 50% -15%, rgba(96, 0, 0, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 80%, rgba(96, 0, 0, 0.1) 0%, transparent 50%);
    color: var(--theme-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body a { color: var(--theme-gold); transition: color 0.25s ease, opacity 0.25s ease; }
body a:hover, body a:focus { color: #fff; text-decoration: none; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #7a1515, #4a0a0a); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #600000; }

.navbar.navbar-fixed-top {
    position: static !important;
    top: auto !important;
    box-shadow: none;
    margin-bottom: 0 !important;
    border: 0;
    z-index: auto;
}
.site-header {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1030;
}
.navbar .banner {
    margin-top: var(--site-header-offset);
}
body {
    padding-top: 0 !important;
}

.topbar-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1031;
    overflow: hidden;
    background: linear-gradient(180deg, #1a0a0a 0%, #0d0505 100%) !important;
    border-bottom: 1px solid var(--theme-red-glow) !important;
    isolation: isolate;
}
.topbar-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='batik' width='50' height='50' patternUnits='userSpaceOnUse' patternTransform='rotate(40)'%3E%3Cpath d='M-5 25 C8 8 22 8 25 25 S42 42 25 25' fill='none' stroke='%23e83838' stroke-width='1.1'/%3E%3Cpath d='M5 12 C15 22 23 8 12 5' fill='none' stroke='%23b02020' stroke-width='0.85'/%3E%3Cpath d='M10 38 C20 28 32 28 42 38' fill='none' stroke='%23d02828' stroke-width='0.75'/%3E%3Ccircle cx='18' cy='18' r='2.2' fill='%23ff4444'/%3E%3Ccircle cx='36' cy='32' r='1.6' fill='%23c82020'/%3E%3Ccircle cx='28' cy='8' r='1.2' fill='%23e83030'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23batik)'/%3E%3C/svg%3E");
    background-size: 110px 110px;
    background-repeat: repeat;
    opacity: 0.26;
    filter: drop-shadow(0 0 6px rgba(255, 40, 40, 0.18));
    pointer-events: none;
    z-index: 0;
}
.topbar-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.38) 100%),
        radial-gradient(ellipse 80% 120% at 50% 0%, rgba(180, 20, 20, 0.32) 0%, transparent 72%);
    pointer-events: none;
    z-index: 0;
}
.topbar-container > .container { position: relative; z-index: 1; }
.topbar-inner-container, .topbar-inner-group, .login-panel { position: relative; z-index: 1; }
.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover { color: var(--theme-gold) !important; }
.topbar-sub-section .language-selector li:hover { background-color: var(--theme-red) !important; }

.topbar-sub-section .language-selector-container {
    position: relative;
    z-index: 5;
}

.topbar-sub-section .language-selector-trigger {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.topbar-sub-section .lang-flag {
    display: inline-block;
    width: 18px;
    height: 13px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.topbar-sub-section .lang-flag[data-language="en"] { background-image: url("https://flagcdn.com/w40/gb.png"); }
.topbar-sub-section .lang-flag[data-language="id"] { background-image: url("https://flagcdn.com/w40/id.png"); }
.topbar-sub-section .lang-flag[data-language="kr"] { background-image: url("https://flagcdn.com/w40/kr.png"); }
.topbar-sub-section .lang-flag[data-language="cn"] { background-image: url("https://flagcdn.com/w40/cn.png"); }
.topbar-sub-section .lang-flag[data-language="jp"] { background-image: url("https://flagcdn.com/w40/jp.png"); }
.topbar-sub-section .lang-flag[data-language="th"] { background-image: url("https://flagcdn.com/w40/th.png"); }
.topbar-sub-section .lang-flag[data-language="my"] { background-image: url("https://flagcdn.com/w40/mm.png"); }
.topbar-sub-section .lang-flag[data-language="kh"] { background-image: url("https://flagcdn.com/w40/kh.png"); }
.topbar-sub-section .lang-flag[data-language="hi"] { background-image: url("https://flagcdn.com/w40/in.png"); }
.topbar-sub-section .lang-flag[data-language="ta"] { background-image: url("/files/images/flag-ta.png"); }
.topbar-sub-section .lang-flag[data-language="te"] { background-image: url("/files/images/flag-te.svg"); }
.topbar-sub-section .lang-flag[data-language="vi"] { background-image: url("https://flagcdn.com/w40/vn.png"); }
.topbar-sub-section .lang-flag[data-language="bn"] { background-image: url("https://flagcdn.com/w40/bd.png"); }
.topbar-sub-section .lang-flag[data-language="pt"] { background-image: url("https://flagcdn.com/w40/pt.png"); }

.topbar-sub-section .language-selector .language_selector {
    display: flex;
    align-items: center;
    gap: 8px;
}

.topbar-sub-section .language-selector .language-name {
    font-size: 13px;
    line-height: 1.3;
    color: #e8e8e8;
    white-space: nowrap;
    text-transform: none;
}

.topbar-sub-section .language-selector-label {
    margin-left: 2px;
    text-transform: none;
}

.topbar-sub-section .language-selector-container .language-selector {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    min-width: 190px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1050;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    float: none;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
}

.topbar-sub-section .language-selector-container.is-open .language-selector {
    display: block;
}

.topbar-sub-section .language-selector .language_selector {
    cursor: pointer;
}

.topbar-container:has(.language-selector-container.is-open),
.topbar-sub-section:has(.language-selector-container.is-open) {
    overflow: visible;
}

.login-panel .login-button {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.25s ease;
}
.login-panel .login-button:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--theme-gold) !important;
    color: #fff !important;
}
.login-panel .register-button {
    background: linear-gradient(135deg, #7a1515 0%, #600000 100%) !important;
    box-shadow: 0 2px 12px rgba(255, 0, 0, 0.25);
    transition: all 0.25s ease;
}
.login-panel .register-button:hover {
    background: linear-gradient(135deg, #600000 0%, #9a2020 100%) !important;
    box-shadow: 0 4px 18px rgba(255, 0, 0, 0.4);
    transform: translateY(-1px);
}

.site-header {
    background: linear-gradient(90deg, #600000 0%, #450000 50%, #600000 100%) !important;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-bottom: 0;
}
.site-header-inner-container { width: 100%; }
.site-header .menu-slide { width: 100%; display: flex; align-items: center; gap: 6px; padding: 0 2px; }
.site-header .menu-slide > i {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.site-header .menu-slide > i:hover {
    color: var(--theme-gold);
    background: rgba(0, 0, 0, 0.45);
    border-color: rgba(255, 215, 0, 0.35);
}
.site-header .top-menu {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.site-header .top-menu::-webkit-scrollbar { display: none; }
.site-header .top-menu > li {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-width: 0;
    position: relative;
}
.site-header .top-menu > li + li::before { display: none !important; }
.site-header .top-menu > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background: rgba(255, 255, 255, 0.14);
    pointer-events: none;
}
.site-header .top-menu > li > a {
    width: 100%;
    padding: 15px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.2s ease;
}
.site-header .top-menu > li > a > .glyphicon-chevron-down {
    font-size: 9px;
    opacity: 0.7;
    margin-left: 1px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.site-header .top-menu > li:hover { color: var(--theme-gold) !important; background: rgba(0, 0, 0, 0.22); }
.site-header .top-menu > li:hover > a > .glyphicon-chevron-down { opacity: 1; }
@media (max-width: 1200px) {
    .site-header .top-menu { justify-content: flex-start; gap: 2px; }
    .site-header .top-menu > li { flex: 0 0 auto; }
    .site-header .top-menu > li > a { padding: 14px 12px; }
}
@media (max-width: 768px) {
    .site-header .top-menu > li > a { font-size: 10px; padding: 12px 10px; letter-spacing: 0.04em; }
    .site-header .menu-slide > i { width: 26px; height: 26px; }
}

.banner {
    margin: 0;
    padding: 0;
    max-width: none !important;
}
.banner-carousel img {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-outer-container { margin-top: 0; margin-bottom: 0; }
.home-inner-container {
    background: linear-gradient(145deg, rgba(26, 10, 10, 0.94), rgba(13, 13, 13, 0.9)) !important;
    border: 1px solid var(--theme-red-glow);
    border-radius: var(--theme-radius) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 30px;
}

.home-update-marquee {
    margin: 0 0 14px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: linear-gradient(180deg, #2e2e2e 0%, #1f1f1f 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.home-update-marquee-inner {
    display: flex;
    align-items: stretch;
    gap: 10px;
    min-height: 44px;
    padding: 6px 8px;
}

.home-update-marquee-label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 0 6px 0 4px;
    color: #fff;
}

.home-update-marquee-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e53935;
    flex-shrink: 0;
}

.home-update-marquee-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    letter-spacing: 0;
    text-transform: none;
}

.home-update-marquee-viewport {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #0a0a0a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
}

.home-update-marquee-track {
    display: flex;
    width: max-content;
    animation: home-update-marquee-scroll 42s linear infinite;
}

.home-update-marquee-text {
    margin: 0;
    padding: 7px 36px 7px 12px;
    color: #e8e8e8;
    font-size: 11.5px;
    line-height: 1.45;
    white-space: nowrap;
    text-transform: none;
}

.home-update-marquee-text strong {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
}

.home-update-marquee-sep {
    margin: 0 14px;
    color: rgba(255, 255, 255, 0.35);
}

.home-update-marquee-time {
    flex-shrink: 0;
    align-self: center;
    padding: 0 8px 0 4px;
    color: #e0e0e0;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

@keyframes home-update-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.home-update-marquee:hover .home-update-marquee-track {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .home-update-marquee-track {
        animation: none;
        flex-wrap: wrap;
        width: 100%;
    }

    .home-update-marquee-text {
        white-space: normal;
        padding-right: 12px;
    }

    .home-update-marquee-text[aria-hidden="true"] {
        display: none;
    }
}

@media (max-width: 768px) {
    .home-update-marquee {
        margin-bottom: 10px;
    }

    .home-update-marquee-inner {
        flex-wrap: wrap;
        gap: 6px;
        padding: 6px;
    }

    .home-update-marquee-viewport {
        order: 3;
        flex: 1 1 100%;
    }

    .home-update-marquee-time {
        order: 2;
        margin-left: auto;
        font-size: 11px;
        padding-right: 4px;
    }

    .home-update-marquee-title {
        font-size: 12px;
    }

    .home-update-marquee-text {
        font-size: 10.5px;
        padding: 6px 28px 6px 10px;
    }

    .home-update-marquee-time {
        font-size: 10px;
    }

    .home-update-marquee-track {
        animation-duration: 32s;
    }
}

.home-progressive-jackpot {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 24px;
    min-height: 120px;
    border-radius: 22px;
    overflow: visible;
    background: #000;
    border: 7px solid #1a0505;
    box-shadow:
        inset 0 0 0 4px #e00000,
        0 0 18px rgba(255, 0, 0, 0.6),
        inset 0 0 32px rgba(255, 0, 0, 0.09);
    padding: 14px 18px;
}
a.home-progressive-jackpot,
.jackpot-link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
a.home-progressive-jackpot:hover,
a.home-progressive-jackpot:focus,
.jackpot-link:hover,
.jackpot-link:focus {
    text-decoration: none;
    color: inherit;
    box-shadow:
        inset 0 0 0 4px #ff2020,
        0 0 24px rgba(255, 0, 0, 0.75),
        inset 0 0 32px rgba(255, 0, 0, 0.12);
    transform: translateY(-1px);
}
.jackpot-frame {
    display: flex;
    align-items: stretch;
    min-height: 108px;
}
.jackpot-brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    min-width: 190px;
    flex-shrink: 0;
}
.jackpot-brand-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}
.jackpot-brand-pp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    line-height: 1;
}
.jackpot-brand-crown {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #ffc56d, #e87700 70%);
    border: 1px solid #ff9500;
    position: relative;
    flex-shrink: 0;
}
.jackpot-brand-crown::after {
    content: "♛";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    line-height: 1;
}
.jackpot-brand-title {
    font-family: gilroybold, Arial, sans-serif;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-align: center;
}
.jackpot-brand-jackpot {
    color: #f47b20;
}
.jackpot-brand-play {
    color: #3cb6e8;
}
.jackpot-display {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px 6px 4px;
    min-width: 0;
}
.jackpot-display-inner {
    width: 100%;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 3px dotted rgba(220, 30, 30, 0.9);
    border-radius: 16px;
    background: #000;
    padding: 10px 20px;
    box-shadow: inset 0 0 22px rgba(255, 0, 0, 0.07);
}
.jackpot-currency {
    font-family: "Digital Numbers", "Open24DisplaySt", monospace;
    font-size: clamp(20px, 3vw, 34px);
    color: #ff1a1a;
    text-shadow:
        0 0 8px rgba(255, 0, 0, 0.9),
        0 0 16px rgba(255, 0, 0, 0.45);
    flex-shrink: 0;
}
.jackpot-amount {
    font-family: "Open24DisplaySt", "Digital Numbers", monospace;
    font-size: clamp(28px, 4.6vw, 56px);
    color: #fff;
    letter-spacing: 0.05em;
    text-shadow:
        0 0 10px rgba(255, 255, 255, 0.95),
        0 0 20px rgba(255, 255, 255, 0.65),
        0 0 36px rgba(255, 255, 255, 0.3);
    line-height: 1;
    white-space: nowrap;
}
@media (max-width: 576px) {
    .jackpot-frame {
        flex-direction: column;
        min-height: auto;
    }
    .jackpot-brand {
        flex-direction: row;
        gap: 12px;
        padding: 8px 12px;
        min-width: 0;
    }
    .jackpot-brand-logo {
        margin-bottom: 0;
    }
    .jackpot-display {
        padding: 0 4px 4px;
    }
    .jackpot-display-inner {
        min-height: 68px;
        padding: 8px 12px;
        border-width: 2px;
    }
}
.popular-game-title-container { margin-top: 32px; }
.popular-game-title-container .title {
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(255, 0, 0, 0.35);
}
.popular-game-title-container > i {
    border-bottom-color: rgba(255, 0, 0, 0.45) !important;
    border-top-color: rgba(0, 0, 0, 0.6) !important;
}
.popular-game-title-container + .game-list-container {
    border: 2px solid rgba(255, 0, 0, 0.2) !important;
    border-radius: 30px !important;
    background: rgba(0, 0, 0, 0.35) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 10px 15px !important;
}

.popular-game-title-container + .game-list-container .game-list {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.game-list {
    border-color: rgba(255, 0, 0, 0.18) !important;
    background: rgba(10, 8, 13, 0.6) !important;
}
.game-list .game-item {
    background: linear-gradient(180deg, #1e1212 0%, #140a0a 100%) !important;
    border: 1px solid transparent;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.game-list .game-item:hover {
    transform: translateY(-5px);
    border-color: var(--theme-red-glow);
    box-shadow: 0 10px 28px rgba(255, 0, 0, 0.22);
}
.game-list .game-name { font-weight: 600; letter-spacing: 0.02em; }
.game-list .wrapper-container { transition: background 0.25s ease; }
.play-now {
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    box-shadow: 0 2px 10px rgba(255, 0, 0, 0.3);
}
.play-now:hover { transform: scale(1.05); box-shadow: 0 4px 16px rgba(255, 0, 0, 0.45); }
.popular-game-title-container + .game-list-container .game-list::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #5a1010, #3d0000);
}

.site-footer {
    padding-top: 0;
    padding-bottom: 32px;
    border-top: 1px dashed rgba(255, 255, 255, 0.14);
    background: transparent;
}
.site-footer .copyright { text-align: center; color: #999; font-size: 13px; letter-spacing: 0.02em; }
.footer-separator { border-top-color: rgba(255, 255, 255, 0.14) !important; opacity: 1; }
.site-footer > .container .copyright { padding: 8px 0; }
.site-footer > .container > .row {
    margin-left: 0;
    margin-right: 0;
}
.site-footer > .row { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.footer-section-title {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 12px;
    color: #e8e8e8 !important;
}
.site-footer .hover-list > li { transition: transform 0.25s ease; }
.site-footer .hover-list > li:hover { transform: translateY(-3px); }

#popup_modal .modal-content {
    background: linear-gradient(145deg, #1a0a0a, #111) !important;
    border: 1px solid var(--theme-red-glow) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.65), 0 0 36px rgba(255, 0, 0, 0.18) !important;
}
#popup_modal .modal-header {
    background: linear-gradient(90deg, #600000, #3d0000) !important;
    background-image: none !important;
}
#popup_modal .modal-body { background: #111 !important; }
#popup_modal .register-popup-actions .play-now:hover { transform: scale(1.06); }

.modal-header,
.register-modal .modal-header,
.forgot-password-modal .modal-header,
.login-modal .modal-header,
.simple-modal .modal-header {
    background: linear-gradient(90deg, #600000, #3d0000) !important;
    background-image: none !important;
    background-color: #600000 !important;
    color: #fff !important;
}
.modal-header .close { color: #fff !important; opacity: 1; }
.modal-body { background-color: #111 !important; color: #e0e0e0 !important; }
.standard-button-group .btn-primary {
    background: linear-gradient(135deg, #7a1515 0%, #600000 100%) !important;
    background-image: none !important;
    border: 0 !important;
    color: #fff !important;
}
.standard-button-group .btn-primary:hover,
.standard-button-group .btn-primary:focus {
    background: linear-gradient(135deg, #600000 0%, #9a2020 100%) !important;
    color: #fff !important;
}
.register-modal .register-page-link a { color: gold !important; }

@media (max-width: 768px) {
    .slot-article-box { margin: 0; padding: 0; }
}

/* === flat sections: jarak & garis putus-putus seragam === */
:root {
    --section-gap: 36px;
    --section-gap-sm: 28px;
    --section-max: 1100px;
    --section-dash: rgba(255, 255, 255, 0.22);
    --section-red-line: #600000;
}

.home-outer-container {
    max-width: var(--section-max);
    margin: var(--section-gap) auto var(--section-gap-sm);
    padding: 0 15px;
    overflow-x: clip;
}

.home-outer-container > .row {
    margin-left: 0;
    margin-right: 0;
}

.home-outer-container > .row:first-child {
    padding-bottom: var(--section-gap);
}

.home-outer-container > .row + .row {
    margin-top: 0;
    padding-top: var(--section-gap);
    border-top: 1px dashed var(--section-dash);
}

.home-outer-container > .row:nth-child(2),
.home-outer-container > .row:nth-child(3) {
    border-top: none !important;
    position: relative;
    padding-top: var(--section-gap);
}

.home-outer-container > .row:nth-child(2)::before,
.home-outer-container > .row:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 2px;
    background: var(--section-red-line);
    box-shadow: 0 0 10px rgba(96, 0, 0, 0.35);
    pointer-events: none;
}

.home-outer-container > .row:nth-child(2) {
    padding-bottom: var(--section-gap);
}

.home-outer-container > .row:nth-child(3) {
    padding-top: var(--section-gap);
}

.popular-slots-outer-container {
    position: relative;
    z-index: 1;
    margin-top: 0;
    clear: both;
}

.popular-slots-outer-container .popular-game-title-container {
    margin-top: 0 !important;
}

.apk-download-box,
.article-top-meta,
.slot-article-box,
.bola-tools-section {
    max-width: var(--section-max);
    margin-left: auto;
    margin-right: auto;
}

.slot-article-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.slot-article-box h1,
.slot-article-box h2,
.slot-article-box h3 {
    text-shadow: none;
}

.bola-tools-section {
    margin-top: 0;
    margin-bottom: 0;
}

.bola-tools-grid {
    gap: 20px;
}

.site-footer {
    max-width: var(--section-max);
    margin: var(--section-gap) auto 0;
    padding: var(--section-gap) 15px 32px;
    border-top: 1px dashed var(--section-dash) !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: clip;
}

.footer-separator {
    border: 0 !important;
    border-top: 1px dashed var(--section-dash) !important;
    opacity: 1 !important;
    margin: var(--section-gap-sm) 0 !important;
    padding: 0 !important;
}

.footer-info-container {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 0 var(--section-gap-sm) !important;
    margin: 0 !important;
}

.footer-info-container::before,
.footer-info-container::after {
    display: none !important;
}

.footer-info-container .bank-list > li {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    :root {
        --section-gap: 28px;
        --section-gap-sm: 22px;
        --footer-gap: 14px;
        --footer-gap-sm: 6px;
        --footer-divider-gap: 12px;
    }

    .home-outer-container {
        margin: var(--section-gap-sm) auto;
        padding: 0 12px;
    }

    .home-outer-container > .row:first-child {
        padding-bottom: var(--section-gap-sm);
    }

    .home-outer-container > .row + .row {
        padding-top: var(--section-gap-sm);
    }

    .home-outer-container > .row:nth-child(2),
    .home-outer-container > .row:nth-child(3) {
        padding-top: var(--section-gap-sm);
    }

    .home-outer-container > .row:nth-child(2) {
        padding-bottom: var(--section-gap-sm);
    }

    .home-outer-container > .row:nth-child(3) {
        padding-top: var(--section-gap-sm);
    }

    .popular-slots-outer-container {
        margin-top: 0;
    }

    .home-inner-container {
        padding: 20px 16px;
        border-radius: 20px !important;
    }

    .popular-slots-outer-container .popular-game-title-container {
        margin-top: 0 !important;
    }

    .article-top-meta {
        margin-bottom: 16px;
    }

    .bola-tools-grid {
        gap: 16px;
    }

    .site-footer {
        padding: var(--section-gap-sm) 12px 24px;
    }
}