@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{
  --bv-bg:#f3f6f8;--bv-surface:#fff;--bv-surface-2:#f8fafb;--bv-text:#14231f;--bv-muted:#66756f;
  --bv-green:#08775a;--bv-green-2:#0b916d;--bv-green-dark:#07523f;--bv-line:#dfe7e4;
  --bv-danger:#d94141;--bv-warning:#e7a62e;--bv-shadow:0 14px 38px rgba(13,55,43,.09);
  --bv-radius:16px;--bv-radius-sm:11px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.bankvip-app{margin:0!important;background:radial-gradient(circle at 8% 0%,rgba(15,142,106,.08),transparent 26%),var(--bv-bg)!important;color:var(--bv-text)!important;font-family:'Be Vietnam Pro',Arial,sans-serif!important;font-size:14px;line-height:1.55;min-height:100vh}.bankvip-app a{text-decoration:none}.bankvip-app img{max-width:100%}

/* HEADER */
.bankvip-header{height:72px!important;min-height:72px!important;position:sticky!important;top:0;z-index:10050;display:flex!important;align-items:center!important;gap:26px!important;padding:0 max(24px,calc((100vw - 1440px)/2))!important;background:rgba(255,255,255,.96)!important;border-top:3px solid #101816!important;border-bottom:1px solid var(--bv-line)!important;box-shadow:0 8px 24px rgba(16,48,39,.05)!important;backdrop-filter:blur(14px)}
.bankvip-logo{width:122px!important;min-width:122px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}.bankvip-logo img{width:118px!important;height:54px!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important}.bankvip-nav{display:flex!important;align-items:center!important;gap:4px!important;flex:1!important;height:100%!important}.bankvip-nav a{height:44px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 14px!important;border-radius:10px!important;color:#5e6d68!important;font-weight:650!important;font-size:14px!important;transition:.18s ease!important;position:relative!important}.bankvip-nav a i{color:#87938f!important;font-size:14px!important}.bankvip-nav a:hover{background:#f2f7f5!important;color:var(--bv-green)!important}.bankvip-nav a.active{background:#eaf7f2!important;color:var(--bv-green)!important}.bankvip-nav a.active i{color:var(--bv-green)!important}.bankvip-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-14px;height:3px;background:var(--bv-green);border-radius:6px 6px 0 0}.bankvip-user-panel{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}.bankvip-auth-btn,.bankvip-user-btn{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 18px!important;border:1px solid var(--bv-line)!important;border-radius:11px!important;background:#fff!important;color:#263832!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}.bankvip-login-btn{background:var(--bv-green)!important;color:#fff!important;border-color:var(--bv-green)!important}.bankvip-balance{background:#eaf7f2!important;color:var(--bv-green-dark)!important;border-color:#cae9dd!important}.dropdown-content{right:0!important;left:auto!important;top:50px!important;width:220px!important;padding:8px!important;border:1px solid var(--bv-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--bv-shadow)!important}.dropdown-content a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:9px!important;color:#344640!important;font-weight:600!important}.dropdown-content a:hover{background:#f0f7f4!important;color:var(--bv-green)!important}.bankvip-mobile-toggle{display:none!important}

/* GLOBAL LAYOUT */
.mainbar{display:none!important}.bankvip-app>.container,.bankvip-app .container{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}.content,.content-container{min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.content-container{padding:0!important}.sigup,.withdraw-page,.giftcode-page,.ctb-aff-page,.ctb-spin-page,.reward-page{padding-top:30px!important;padding-bottom:48px!important}.py-5{padding-top:18px!important;padding-bottom:18px!important}.py-5 h3,.reward-title h3{font-size:28px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.5px!important;color:var(--bv-text)!important;margin:0 0 8px!important}.py-5 h4,.reward-title h4{font-size:14px!important;font-weight:500!important;color:var(--bv-muted)!important;margin:0!important}.row{margin-left:-8px!important;margin-right:-8px!important}.row>[class*=col-]{padding-left:8px!important;padding-right:8px!important}

/* COMPONENTS */
.panel,.aff-box,.spin-card,.tx-panel,.reward-stats,.table-responsive{background:var(--bv-surface)!important;border:1px solid var(--bv-line)!important;border-radius:var(--bv-radius)!important;box-shadow:0 10px 28px rgba(13,55,43,.06)!important;overflow:hidden}.panel-heading,.panel-primary>.panel-heading{background:#10241e!important;color:#fff!important;border:0!important;padding:15px 18px!important;font-size:14px!important;font-weight:750!important;letter-spacing:.2px!important}.panel-body{padding:20px!important}.form-control,.select2-container--default .select2-selection--single{height:46px!important;border:1px solid #d9e3df!important;border-radius:10px!important;background:#fff!important;color:var(--bv-text)!important;box-shadow:none!important;font-family:inherit!important}.form-control{padding:10px 13px!important}.form-control:focus,.select2-container--open .select2-selection--single{border-color:var(--bv-green)!important;box-shadow:0 0 0 3px rgba(8,119,90,.10)!important}.btn{min-height:42px!important;border-radius:10px!important;padding:10px 18px!important;font-family:inherit!important;font-weight:700!important;border-width:1px!important;box-shadow:none!important;transition:.18s ease!important}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-info,.btn-success{background:var(--bv-green)!important;border-color:var(--bv-green)!important;color:#fff!important}.btn-danger{background:#d94141!important;border-color:#d94141!important}.btn-default{background:#fff!important;border-color:#d9e3df!important;color:#263832!important}.alert{padding:13px 16px!important;border-radius:11px!important;border:1px solid transparent!important;font-size:13px!important}.alert-danger{background:#fff2f2!important;color:#a52b2b!important;border-color:#f3cccc!important}.alert-success{background:#edf9f4!important;color:#086146!important;border-color:#c8eadc!important}.alert-warning{background:#fff8e9!important;color:#80601d!important;border-color:#efdfb6!important}.badge{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border-radius:999px!important;font-weight:700!important}.badge-success{background:#dff4eb!important;color:#087055!important}.badge-secondary{background:#e9eff2!important;color:#52636c!important}
.table-responsive{width:100%!important;margin-top:16px!important}.table{margin:0!important;background:#fff!important}.table>thead>tr>th{background:#10241e!important;color:#fff!important;border:0!important;padding:14px 12px!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.35px!important}.table>tbody>tr>td{padding:14px 12px!important;border-color:#edf1ef!important;vertical-align:middle!important;color:#344640!important}.table-striped>tbody>tr:nth-of-type(odd){background:#fafcfc!important}.table-hover>tbody>tr:hover{background:#f1f8f5!important}.pagination>li>a,.pagination>li>span{border-color:#dfe7e4!important;color:#40534d!important;padding:8px 12px!important}.pagination>.active>a{background:var(--bv-green)!important;border-color:var(--bv-green)!important}

/* HOME */
.page-index .container{max-width:1280px!important}.page-index .content-container>.py-5{margin-top:24px!important;background:linear-gradient(112deg,#086149,#0a8b68)!important;border-radius:22px!important;padding:38px 40px!important;text-align:left!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(8,97,73,.22)!important}.page-index .content-container>.py-5:after{content:"24/7";position:absolute;right:35px;top:8px;color:rgba(255,255,255,.10);font-size:120px;font-weight:800;line-height:1}.page-index .content-container>.py-5 h3,.page-index .content-container>.py-5 h4{color:#fff!important;text-align:left!important}.page-index .content-container>.py-5 h3{font-size:34px!important}.page-index .content-container>.py-5 h4{opacity:.86!important}.page-index #output{background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:20px!important;padding:24px 26px 28px!important;margin-top:18px!important;box-shadow:var(--bv-shadow)!important}.page-index .btngame{height:46px!important;min-width:112px!important;background:#fff!important;border:1px solid #dbe5e1!important;color:#263832!important;border-radius:11px!important;margin:5px!important}.page-index .btngame.active,.page-index .btngame:first-child{background:var(--bv-green)!important;color:#fff!important;border-color:var(--bv-green)!important}.page-index .game-buttons,.page-index [role=group]{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}.page-index .game_name{margin-top:20px!important}.page-index .modal-window{border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}

/* AUTH */
.page-login .bankvip-header,.page-login .footer,.page-login .telegram-float{display:none!important}.page-login{background:#edf4f1!important}.page-login .auth-page{min-height:100vh!important;padding:32px!important;background:linear-gradient(115deg,#075a45 0,#08775a 47%,#edf4f1 47%,#edf4f1 100%)!important}.page-login .auth-box{max-width:980px!important;display:grid!important;grid-template-columns:1fr 460px!important;align-items:center!important;gap:72px!important}.page-login .auth-brand{text-align:left!important;color:#fff!important}.page-login .auth-logo{width:150px!important;height:86px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.page-login .auth-brand h2{font-size:42px!important;color:#fff!important;letter-spacing:-1px!important}.page-login .auth-brand p{color:rgba(255,255,255,.8)!important;font-size:16px!important}.page-login .auth-brand:after{content:"Giao dịch tự động • Minh bạch • Hỗ trợ 24/7";display:block;margin-top:28px;color:rgba(255,255,255,.72);font-size:13px}.page-login .auth-card{border-radius:20px!important;padding:28px!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 24px 65px rgba(10,47,37,.18)!important}.page-login .auth-tabs{background:#edf2f0!important;border-radius:11px!important}.page-login .auth-tab{border-radius:8px!important}.page-login .auth-tab.active{color:var(--bv-green)!important}.page-login .auth-card .form-control{height:48px!important;border-radius:10px!important;margin-bottom:12px!important}.page-login .auth-btn{height:48px!important;border-radius:10px!important;background:var(--bv-green)!important}.page-login .captcha-box{overflow:hidden!important}.page-login .g-recaptcha{transform-origin:center!important}

/* INNER PAGES */
.page-hoantra .reward-page{max-width:1080px!important}.reward-title{background:linear-gradient(120deg,#0a6d53,#0a8a68)!important;border-radius:18px!important;padding:26px 30px!important;text-align:left!important;box-shadow:0 14px 38px rgba(8,119,90,.17)!important}.reward-title h3,.reward-title h4{color:#fff!important}.reward-title .reward-actions{margin:18px 0 0!important}.reward-title .btn{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important}.reward-stats{padding:16px!important;display:grid!important;grid-template-columns:1fr 1fr 1.2fr!important;gap:12px!important}.reward-card{border-radius:12px!important;padding:16px!important;background:#f5faf8!important;border:1px solid #dcebe5!important}.reward-card .money{display:block!important;font-size:21px!important;color:var(--bv-green)!important;margin-top:5px!important}.reward-claim{display:flex!important;align-items:stretch!important}.reward-claim form,.reward-claim button{width:100%!important;height:100%!important}
.page-history .content-container,.page-bank .content-container,.page-ruttien .content-container,.page-giftcode .content-container{max-width:1100px!important;margin:0 auto!important}.page-history .py-5,.page-bank .py-5,.page-ruttien .withdraw-intro,.page-giftcode .giftcode-intro{background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:16px!important;padding:24px!important;margin-top:0!important;box-shadow:0 10px 26px rgba(13,55,43,.05)!important}.page-ruttien .col-md-6,.page-giftcode .col-md-6{width:70%!important;margin-left:15%!important}.withdraw-panel,.giftcode-main-panel,.giftcode-history-panel{border-radius:16px!important}.withdraw-panel .panel-heading,.giftcode-main-panel .panel-heading{background:linear-gradient(100deg,#0a6d53,#0a8a68)!important}.balance-box{background:#eef8f4!important;border:1px solid #d7eae2!important;border-radius:12px!important;padding:15px!important}.giftcode-note,.withdraw-note{border-radius:11px!important}
.page-affiliate .ctb-aff-page{max-width:1200px!important}.aff-hero{background:linear-gradient(120deg,#075f48,#0b8a68)!important;border-radius:20px!important;box-shadow:0 18px 45px rgba(8,97,73,.2)!important}.aff-box{border-radius:16px!important}.aff-stat{border:1px solid var(--bv-line)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(13,55,43,.05)!important}.page-spin .spin-hero{border-radius:20px!important;background:linear-gradient(120deg,#0a604a,#0a8f6b)!important}.page-xsmb .content-container>.py-5{background:linear-gradient(120deg,#075f48,#0b8a68)!important;border-radius:20px!important;padding:28px!important;margin-top:24px!important}.page-xsmb .content-container>.py-5 h3,.page-xsmb .content-container>.py-5 h4{color:#fff!important}.page-taixiu .tx-wrap{max-width:1180px!important;margin:28px auto 50px!important;padding:0 16px!important}.page-taixiu .tx-board,.page-taixiu .tx-card,.page-taixiu .tx-chat{border-radius:18px!important;box-shadow:var(--bv-shadow)!important;border:1px solid var(--bv-line)!important}.page-register .content-container{max-width:760px!important;margin:auto!important}.page-register .col-md-6{width:100%!important;margin:0!important}.page-register .panel{margin-top:10px!important}

/* FOOTER */
.footer{margin-top:34px!important;padding:28px 0!important;background:#10241e!important;border:0!important;color:#b9c9c3!important}.footer .text-white{color:#b9c9c3!important}.footer a{color:#8ad4bc!important}.telegram-float{width:58px!important;height:58px!important;right:20px!important;bottom:20px!important}.telegram-pulse{width:58px!important;height:58px!important}.telegram-btn{width:48px!important;height:48px!important;background:#229ed9!important;box-shadow:0 10px 24px rgba(34,158,217,.32)!important}.telegram-btn i{font-size:24px!important}

@media(max-width:900px){.bankvip-header{padding:0 16px!important;gap:10px!important}.bankvip-mobile-toggle{display:flex!important;margin-left:auto!important;width:42px!important;height:42px!important;border:1px solid var(--bv-line)!important;border-radius:10px!important;background:#fff!important;align-items:center!important;justify-content:center!important}.bankvip-nav{display:none!important;position:absolute!important;top:71px!important;left:12px!important;right:12px!important;height:auto!important;padding:10px!important;background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:14px!important;box-shadow:var(--bv-shadow)!important;flex-direction:column!important;align-items:stretch!important}.bankvip-nav.show{display:flex!important}.bankvip-nav a{width:100%!important}.bankvip-nav a.active:after{display:none!important}.bankvip-user-panel .bankvip-balance,.bankvip-user-panel .user-name{display:none!important}.bankvip-auth-btn{padding:0 12px!important}.page-login .auth-box{grid-template-columns:1fr!important;max-width:460px!important;gap:20px!important}.page-login .auth-brand{text-align:center!important}.page-login .auth-page{background:#edf4f1!important}.page-login .auth-brand h2{color:var(--bv-text)!important;font-size:30px!important}.page-login .auth-brand p,.page-login .auth-brand:after{color:var(--bv-muted)!important}.page-login .auth-logo{width:130px!important;height:70px!important}.reward-stats{grid-template-columns:1fr!important}.page-ruttien .col-md-6,.page-giftcode .col-md-6{width:100%!important;margin-left:0!important}}
@media(max-width:600px){.bankvip-header{height:64px!important;min-height:64px!important}.bankvip-logo{width:100px!important;min-width:100px!important}.bankvip-logo img{width:96px!important}.bankvip-nav{top:63px!important}.bankvip-user-panel .bankvip-auth-btn:first-child{display:none!important}.bankvip-app>.container,.bankvip-app .container{width:calc(100% - 20px)!important}.page-index .content-container>.py-5{padding:26px 20px!important;border-radius:16px!important}.page-index .content-container>.py-5 h3{font-size:25px!important}.page-index .content-container>.py-5:after{font-size:70px!important;right:10px!important}.page-index #output{padding:16px 10px 20px!important}.page-index .btngame{min-width:calc(50% - 12px)!important;margin:3px!important}.py-5 h3,.reward-title h3{font-size:23px!important}.panel-body{padding:15px!important}.table-responsive{overflow-x:auto!important}.table{min-width:680px!important}.page-login .auth-page{padding:18px 12px!important}.page-login .auth-card{padding:20px 16px!important}.page-login .auth-brand:after{display:none!important}.reward-title{padding:22px 18px!important}.telegram-float{right:12px!important;bottom:14px!important}}
.footer-brand{font-size:16px;font-weight:800;color:#fff;margin-bottom:5px;letter-spacing:.5px}