@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--brand:#0b6b4f;--brand-2:#0f8a67;--brand-soft:#eaf7f2;--ink:#17211d;--muted:#68736d;--line:#e5ebe8;--surface:#fff;--canvas:#f4f7f5;--gold:#c9973f;--danger:#d94141;--shadow:0 18px 55px rgba(24,54,43,.10);--shadow-sm:0 8px 25px rgba(24,54,43,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.bankvip-app{margin:0!important;background:radial-gradient(circle at 10% 0,rgba(15,138,103,.08),transparent 28%),linear-gradient(180deg,#f8faf9 0,#f2f6f4 100%)!important;color:var(--ink)!important;font-family:'Be Vietnam Pro',Arial,sans-serif!important;font-size:14px!important;min-height:100vh}
a{text-decoration:none!important}.mainbar{display:none!important}
.bankvip-header{position:sticky!important;top:0!important;z-index:1000!important;display:grid!important;grid-template-columns:180px 1fr auto!important;align-items:center!important;min-height:72px!important;padding:0 34px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(220,230,225,.9)!important;box-shadow:0 8px 28px rgba(27,54,44,.06)!important;backdrop-filter:blur(14px)!important}
.bankvip-logo{display:flex!important;align-items:center!important}.bankvip-logo .logo{width:auto!important;height:54px!important;max-width:155px!important;object-fit:contain!important;filter:none!important}.bankvip-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important}.bankvip-nav a{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;height:42px!important;padding:0 15px!important;border-radius:12px!important;color:#52605a!important;font-size:13px!important;font-weight:700!important;transition:.2s ease!important}.bankvip-nav a:hover{background:#f2f7f4!important;color:var(--brand)!important}.bankvip-nav a.active{background:var(--brand-soft)!important;color:var(--brand)!important}.bankvip-nav a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-15px;height:3px;border-radius:3px;background:var(--brand)}
.bankvip-user-panel{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}.bankvip-auth-btn,.bankvip-user-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:42px!important;padding:0 15px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:#314039!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}.bankvip-login-btn{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}.bankvip-balance{border-color:#cfe8de!important;background:#f1faf6!important;color:var(--brand)!important}.bankvip-mobile-toggle{display:none!important;width:42px!important;height:42px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important}.dropdown-content{top:50px!important;right:0!important;min-width:220px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--shadow)!important}.dropdown-content a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:9px!important;color:#38443f!important;font-weight:600!important}.dropdown-content a:hover{background:#f3f7f5!important;color:var(--brand)!important}
body>.container,.container{width:min(1220px,calc(100% - 32px))!important;max-width:1220px!important;padding:0!important}.content{padding:0!important}.content-container{margin:24px 0 42px!important}
.content-container>.py-5{position:relative!important;overflow:hidden!important;margin:0 0 16px!important;padding:42px 34px!important;border:1px solid rgba(17,108,80,.14)!important;border-radius:24px!important;background:linear-gradient(120deg,#0a4f3d 0%,#0b6b4f 58%,#118866 100%)!important;box-shadow:var(--shadow)!important}.content-container>.py-5:before{content:"";position:absolute;width:330px;height:330px;right:-90px;top:-160px;border:70px solid rgba(255,255,255,.08);border-radius:50%}.content-container>.py-5:after{content:"24/7";position:absolute;right:40px;bottom:18px;color:rgba(255,255,255,.09);font-size:76px;font-weight:800;letter-spacing:-5px}.content-container>.py-5 .text-center{position:relative;z-index:2;text-align:left!important;max-width:760px}.content-container>.py-5 h3{margin:0!important;color:#fff!important;font-size:35px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-1px!important}.content-container>.py-5 h4{margin:11px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.7!important;font-weight:500!important}.ctb-home-cover{margin:22px 0 0!important;max-width:760px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 40px rgba(0,0,0,.16)!important}
.output{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.output>.text-center.mt-5:first-child{position:relative!important;margin:0 0 16px!important;padding:26px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.output>.text-center.mt-5:first-child:before{content:"Chọn trò chơi";display:block;margin:0 0 18px;color:#26342e;font-size:18px;font-weight:800;text-align:left}.output>.text-center.mt-5:first-child:after{content:"Thao tác nhanh, xử lý tự động";position:absolute;top:29px;right:26px;color:#849089;font-size:12px;font-weight:500}
.btngame,.btn-md5-hot{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:112px!important;height:46px!important;margin:5px!important;padding:0 17px!important;border:1px solid #dfe8e4!important;border-radius:12px!important;background:#fbfcfc!important;color:#314039!important;font-size:13px!important;font-weight:750!important;box-shadow:0 3px 9px rgba(26,58,46,.04)!important;transition:all .18s ease!important}.btngame:hover,.btn-md5-hot:hover{transform:translateY(-2px)!important;border-color:#add5c6!important;background:#f2faf7!important;color:var(--brand)!important;box-shadow:0 9px 22px rgba(15,108,80,.11)!important}.btngame.btn-info,.btngame.active{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important;box-shadow:0 9px 22px rgba(11,107,79,.20)!important}.btn-md5-hot{position:relative!important;border-color:#f0d7b0!important;background:#fffaf2!important;color:#9b6613!important}.btn-md5-hot:before{content:"HOT"!important;position:absolute!important;top:-8px!important;right:8px!important;padding:2px 7px!important;border-radius:999px!important;background:#e34848!important;color:#fff!important;font-size:8px!important;font-weight:800!important;line-height:14px!important;box-shadow:0 5px 12px rgba(227,72,72,.25)!important}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;margin:4px!important;padding:9px 15px!important;border:1px solid #dfe8e4!important;border-radius:11px!important;background:#fff!important;color:#36443d!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;text-shadow:none!important;transition:.18s ease!important}.btn:hover,.btn:focus{transform:translateY(-1px)!important;border-color:#bad6cc!important;background:#f6faf8!important;color:var(--brand)!important;box-shadow:0 8px 18px rgba(28,65,51,.08)!important}.btn-success,.btn-primary{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}.btn-success:hover,.btn-primary:hover{border-color:#095a43!important;background:#095a43!important;color:#fff!important}.btn-info{border-color:#263a32!important;background:#263a32!important;color:#fff!important}.btn-danger{border-color:#f0d2d2!important;background:#fff7f7!important;color:#c53b3b!important}.btn-warning{border-color:#ecd9b7!important;background:#fffbf3!important;color:#95671e!important}.btn-sm{min-height:38px!important;padding:8px 13px!important}
.output>.text-center.mt-5[role="group"]{margin:16px 0!important;padding:15px 18px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.output>.row{margin:0!important}.output>.row>[class*=col-]{padding:0!important}
.panel,.card,.well,.box{overflow:hidden!important;margin-bottom:16px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.panel-heading,.card-header,.box-header{padding:16px 19px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#fbfcfb!important;color:#25332d!important;font-size:15px!important;font-weight:800!important;text-align:left!important}.panel-heading:before{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-right:9px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-family:"Font Awesome 6 Free";font-weight:900;content:"\f02d"}.panel-body,.card-body,.box-body{padding:19px!important}.play-rules p{color:#4f5e57!important;line-height:1.75!important}.alert{padding:13px 15px!important;border:1px solid!important;border-radius:12px!important;font-size:13px!important;line-height:1.6!important}.alert-warning{border-color:#eadbb9!important;background:#fffaf0!important;color:#70551f!important}.alert-success{border-color:#cce7dc!important;background:#f1faf6!important;color:#176449!important}.alert-danger{border-color:#efd0d0!important;background:#fff5f5!important;color:#9d3030!important}.alert-info{border-color:#cfdfe9!important;background:#f5f9fc!important;color:#355f77!important}
.table-responsive{overflow:auto!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}.table{margin:0!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important}.table>thead>tr>th{padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#f4f8f6!important;color:#5a6861!important;font-size:11.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.35px!important;white-space:nowrap!important}.table>tbody>tr>td{padding:13px 14px!important;border:0!important;border-bottom:1px solid #edf1ef!important;color:#334139!important;font-size:13px!important;vertical-align:middle!important}.table>tbody>tr:hover{background:#f8fbf9!important}.table>tbody>tr:last-child>td{border-bottom:0!important}.ctb-bank-logo{border:1px solid #edf1ef!important;box-shadow:none!important}
.form-control,.select2-container .select2-selection--single,textarea,input[type=text],input[type=password],input[type=number],select{min-height:44px!important;border:1px solid #dce5e1!important;border-radius:11px!important;background:#fff!important;color:#25332d!important;font-family:inherit!important;font-size:13.5px!important;box-shadow:none!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#78b8a1!important;box-shadow:0 0 0 4px rgba(15,138,103,.10)!important;outline:none!important}label{margin-bottom:7px!important;color:#435049!important;font-size:13px!important;font-weight:700!important}
.modal-window{display:none!important;position:fixed!important;inset:0!important;z-index:10050!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(12,26,21,.58)!important;backdrop-filter:blur(5px)!important}.modal-window.show,.modal-window:target{display:flex!important}.modal-window__title{width:min(540px,100%)!important;max-height:86vh!important;overflow:auto!important;margin:0!important;padding:24px!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.26)!important}.modal-window__title h4{margin:0 0 16px!important;color:#23312b!important;font-size:21px!important;font-weight:800!important}.modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin-top:16px!important;padding:9px 17px!important;border-radius:11px!important;background:var(--brand)!important;color:#fff!important;font-weight:700!important}
.pagination>li>a,.pagination>li>span{min-width:36px!important;height:36px!important;margin:0 2px!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:#4e5b55!important}.pagination>.active>a,.pagination>.active>span{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}.telegram-fixed,.telegram-float{right:22px!important;bottom:22px!important;width:52px!important;height:52px!important;border:4px solid rgba(255,255,255,.8)!important;box-shadow:0 12px 30px rgba(26,116,195,.24)!important}footer,.footer{border-top:1px solid var(--line)!important;background:#fff!important;color:#6c7872!important}
@media(max-width:980px){.bankvip-header{grid-template-columns:auto auto!important;padding:8px 16px!important;min-height:64px!important}.bankvip-logo .logo{height:46px!important}.bankvip-mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}.bankvip-nav{display:none!important;grid-column:1/-1!important;order:4!important;width:100%!important;padding:8px 0 4px!important;border-top:1px solid var(--line)!important;flex-direction:column!important;align-items:stretch!important}.bankvip-nav.show{display:flex!important}.bankvip-nav a{justify-content:flex-start!important}.bankvip-nav a.active:after{display:none!important}.bankvip-user-panel{grid-column:1/-1!important;justify-content:flex-end!important}.content-container>.py-5:after{display:none}}
@media(max-width:640px){body>.container,.container{width:calc(100% - 20px)!important}.bankvip-header{padding:7px 10px!important}.bankvip-logo .logo{height:42px!important;max-width:125px!important}.bankvip-user-panel{display:none!important}.content-container{margin:12px 0 26px!important}.content-container>.py-5{padding:28px 20px!important;border-radius:18px!important}.content-container>.py-5 h3{font-size:26px!important}.content-container>.py-5 h4{font-size:13px!important}.output>.text-center.mt-5:first-child{padding:18px 12px!important;border-radius:16px!important}.output>.text-center.mt-5:first-child:before{margin-left:5px;font-size:16px}.output>.text-center.mt-5:first-child:after{display:none}.btngame,.btn-md5-hot{min-width:calc(50% - 12px)!important;height:43px!important;margin:4px!important;padding:0 8px!important;font-size:12px!important}.btn{min-height:40px!important;padding:8px 11px!important;font-size:12px!important}.panel,.card,.well,.box{border-radius:15px!important}.panel-heading,.card-header,.box-header{padding:14px!important}.panel-body,.card-body,.box-body{padding:13px!important}.table>thead>tr>th,.table>tbody>tr>td{padding:10px!important;font-size:12px!important}.modal-window__title{padding:19px!important;border-radius:16px!important}}