/* 0: block */
.public-landing-wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 0 30px !important; box-sizing: border-box !important;}
.landing-hero{display: grid !important; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr) !important; gap: 12px !important; padding: 22px !important;}
.landing-copy{min-width: 0;}
.landing-kicker{display: inline-flex !important; align-items: center !important; padding: 7px 10px !important; font-weight: 900 !important; letter-spacing: .5px !important; font-size: 12px !important;}
.landing-hero h1{margin: 13px 0 !important; font-size: clamp(35px,6vw,62px) !important; line-height: .98 !important; letter-spacing: -2px !important;}
.landing-hero p{max-width: 700px !important; line-height: 1.7 !important;}
.landing-actions{display: flex !important; gap: 9px !important; flex-wrap: wrap !important;}
.landing-side{display: grid !important; gap: 8px !important; align-content: center !important;}
.landing-mini-card{padding: 13px !important;}
.landing-mini-card b{display: block !important; font-size: 16px !important;}
.landing-mini-card span{display: block !important; margin-top: 4px !important; font-size: 13px !important; line-height: 1.5 !important;}
.landing-stats{display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; margin: 14px 0 !important;}
.landing-tables{gap: 10px !important;}
@media (max-width:760px){.public-landing-wrap{padding: 8px 6px 22px !important;}
.landing-hero{grid-template-columns: 1fr !important; padding: 15px !important;}
.landing-hero h1{font-size: clamp(34px,10vw,48px) !important;}
.landing-stats{grid-template-columns: 1fr 1fr !important;}
.landing-mini-card{padding: 11px !important;}}
@media (max-width:430px){.landing-stats{grid-template-columns: 1fr !important;}
.landing-actions{display: grid !important; grid-template-columns: 1fr 1fr !important;}
.landing-actions .btn{width: 100% !important;}}
/* 1: block */
.card,
.home-money-card,
.home-daily-card,
.withdraw-card,
.public-table-card,
.landing-stat,
.groups-home-card,
.withdraw-live-card,
.uiverse-card,
.stat,
.hero .card,
.exchange-hero,
.acc-card,
.task-card,
.exchange-card,
.payment-card,
.panel,
.section-card,
.item,
.box,
.auth,
.modal-card,
.modal-content,
.offerwall-balance-card,
.offerwall-panel,
.offerwall-stat-wide,
.offerwall-stat-small,
.task-stat,
.task-card-inner,
.profile-pop,
.lb-podium-card,
.referral-total,
.uiverse-alert{transform: none !important;}
.card:hover,
.home-money-card:hover,
.home-daily-card:hover,
.withdraw-card:hover,
.public-table-card:hover,
.landing-stat:hover,
.groups-home-card:hover,
.withdraw-live-card:hover,
.uiverse-card:hover,
.stat:hover,
.hero .card:hover,
.exchange-hero:hover,
.acc-card:hover,
.task-card:hover,
.exchange-card:hover,
.referral-total:hover,
.uiverse-alert:hover{transform: translateY(-2px) !important;}
.card:active,
.home-money-card:active,
.uiverse-card:active{animation: none !important; transform: translateY(0) !important;}
/* 2: block */
.card,.home-money-card,.home-daily-card,.withdraw-card,.public-table-card,.landing-stat,.groups-home-card,.withdraw-live-card,.uiverse-card,.stat,.hero .card,.exchange-hero,.acc-card{transform: none !important;}
.card:hover,.home-money-card:hover,.home-daily-card:hover,.withdraw-card:hover,.public-table-card:hover,.landing-stat:hover,.groups-home-card:hover,.withdraw-live-card:hover,.uiverse-card:hover,.stat:hover,.hero .card:hover,.exchange-hero:hover,.acc-card:hover{transform: translateY(-2px) !important;}
.uiverse-card:nth-child(even){transform: none !important;}
.uiverse-card:hover{transform: translateY(-2px) !important;}
.km-withdraw-v18{max-width: 980px !important; margin: 0 auto !important; display: grid; gap: 16px;}
.withdraw-overview-card{padding: 20px;}
.withdraw-overview-head{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 15px; margin-bottom: 16px;}
.withdraw-kicker,.choice-label{display: block; font-size: 11px; font-weight: 950; letter-spacing: 1.2px;}
.withdraw-overview-head h2{margin: 4px 0; font-size: 25px;}
.withdraw-overview-head p{margin: 0; font-size: 13px;}
.withdraw-balance-mini{min-width: 116px; padding: 9px 11px; text-align: right;}
.withdraw-balance-mini small{display: block; font-size: 9px; font-weight: 900;}
.withdraw-balance-mini b{display: block; font-size: 17px; white-space: nowrap;}
.withdraw-choice-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 12px;}
.withdraw-choice{min-height: 132px; padding: 16px 10px; cursor: pointer; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 7px; transition: .16s ease;}
.withdraw-choice:hover{transform: translateY(-2px);}
.choice-icon{font-size: 29px; line-height: 1;}
.withdraw-choice b{font-size: 15px; font-weight: 950;}
.withdraw-choice small{font-size: 11px; line-height: 1.35;}
.withdraw-action-panel{margin-top: 16px; padding-top: 16px;}
.withdraw-action-head{display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 12px;}
.withdraw-action-head h3,.item-exchange-head h3{margin: 4px 0; font-size: 19px;}
.withdraw-action-head p,.item-exchange-head p{margin: 0; font-size: 12px;}
.withdraw-balance-inline{padding: 6px 9px; font-size: 12px; font-weight: 900; white-space: nowrap;}
.withdraw-form{margin: 0 !important; padding: 0 !important;}
.withdraw-form.hidden{display: none !important;}
.withdraw-amount-grid{grid-template-columns: repeat(4,1fr) !important;}
.item-exchange-panel.hidden{display: none !important;}
.item-exchange-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 13px;}
.game-item-grid{display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;}
.game-item-card{display: grid; grid-template-columns: 82px 1fr; gap: 12px; padding: 12px;}
.game-item-icon{width: 82px; height: 82px; display: grid; font-size: 32px; overflow: hidden;}
.game-item-icon img{width: 100%; height: 100%; object-fit: cover;}
.game-item-title{font-weight: 950; font-size: 15px;}
.game-item-meta{display: flex; justify-content: space-between; gap: 8px; margin: 7px 0; font-size: 12px;}
.game-item-card .btn{padding: 8px 10px; font-size: 12px;}
.transfer-v18,.withdraw-history-v18{padding: 20px;}
.transfer-v18-head,.withdraw-history-head{display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding-bottom: 12px; margin-bottom: 14px;}
.transfer-v18 h2,.withdraw-history-v18 h2{margin: 4px 0; font-size: 19px;}
.transfer-v18 p,.withdraw-history-v18 p{margin: 0; font-size: 12px;}
.transfer-v18-icon{width: 42px; height: 42px; display: grid; font-size: 22px;}
.transfer-v18-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.transfer-v18-btn{margin-top: 4px !important;}
.account-v18{display: grid; gap: 16px;}
.account-hero-v18,.account-progress-v18,.account-profile-v18,.account-payment-v18{padding: 18px;}
.account-hero-v18{display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px;}
.account-avatar-v18{width: 62px; height: 62px; display: grid; font-size: 30px;}
.account-hero-v18 h2{margin: 3px 0; font-size: 24px;}
.account-hero-v18 p{margin: 0; font-size: 12px;}
.account-hero-balance{padding: 9px 12px; text-align: right;}
.account-hero-balance small{display: block; font-size: 9px;}
.account-hero-balance b{font-size: 20px;}
.account-stats-v18{display: grid; grid-template-columns: repeat(5,1fr); gap: 10px;}
.account-stat-v18{padding: 13px;}
.account-stat-v18 small{display: block; font-size: 11px; font-weight: 800;}
.account-stat-v18 b{display: block; font-size: 17px; margin-top: 5px; word-break: break-word;}
.account-progress-v18{display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.account-progress-ring{width: 76px; height: 76px; display: grid; align-content: center;}
.account-progress-ring span{font-size: 21px; font-weight: 950;}
.account-progress-ring small{font-size: 8px; font-weight: 900;}
.section-v18-head{display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; margin-bottom: 12px;}
.section-v18-head h3{margin: 4px 0;}
.account-form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.account-v18 .field input{width: 100%; box-sizing: border-box;}
.account-payment-v18 .qr-preview{min-height: 0;}
.account-payment-v18 .qr-preview img{width: 110px; height: 110px;}
@media (max-width:760px){.withdraw-choice-grid{grid-template-columns: 1fr 1fr;}
.game-item-grid{grid-template-columns: 1fr;}
.account-stats-v18{grid-template-columns: 1fr 1fr;}
.account-hero-v18{grid-template-columns: auto 1fr;}
.account-hero-balance{grid-column: 1/-1; text-align: left;}
.account-form-grid,.transfer-v18-grid{grid-template-columns: 1fr;}
.withdraw-overview-head{align-items: stretch;}
.withdraw-balance-mini{min-width: 0;}
.withdraw-amount-grid{grid-template-columns: repeat(2,1fr) !important;}}
@media (max-width:430px){.withdraw-overview-card,.transfer-v18,.withdraw-history-v18,.account-hero-v18,.account-progress-v18,.account-profile-v18,.account-payment-v18{padding: 14px;}
.withdraw-choice{min-height: 112px; padding: 12px 9px;}
.withdraw-choice b{font-size: 13px;}
.withdraw-choice small{font-size: 9px;}
.account-stats-v18{grid-template-columns: 1fr;}
.withdraw-action-head,.item-exchange-head{display: block;}
.withdraw-balance-inline{display: inline-block; margin-top: 9px;}
.account-avatar-v18{width: 52px; height: 52px; font-size: 24px;}
.account-hero-v18 h2{font-size: 19px;}}
/* 3: block */
.top{grid-template-columns: 48px minmax(0,132px) 48px !important; justify-content: space-between !important;}
.top-balance{width: 132px !important; max-width: 132px !important; padding: 5px 7px !important; gap: 5px !important;}
.top-balance-label{font-size: 7px !important;}
.top-balance strong{font-size: 13px !important;}
.account-detail-grid-v18{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px;}
.account-detail-v18{padding: 12px;}
.account-detail-v18 small{display: block; font-size: 11px; font-weight: 900;}
.account-detail-v18 b{display: block; margin-top: 6px; font-size: 14px; word-break: break-word;}
.account-detail-v18 span{display: block; margin-top: 4px; font-size: 11px;}
.account-detail-v18 .xpbar{height: 10px;}
.account-detail-v18 .xpfill{height: 100%;}
@media (max-width:600px){.top{grid-template-columns: 42px minmax(0,132px) 42px !important;}
.top-balance{width: 132px !important; max-width: 132px !important;}
.account-detail-grid-v18{grid-template-columns: 1fr;}
.withdraw-choice-grid{grid-template-columns: 1fr 1fr !important;}}
/* 4: block */
.task-card{position: relative !important; padding: 0 !important; overflow: hidden !important;}
.task-card-inner{display: block !important; margin: 0 !important; padding: 16px !important;}
.task-card-inner::before,.task-card-inner::after{display: none !important; content: none !important;}
.task-card:before{pointer-events: none !important;}
/* 5: block */
.guest-intro-details{width: 100%; box-sizing: border-box; margin: 0 0 18px; padding: clamp(18px,2.2vw,30px);}
.guest-intro-heading{padding: clamp(16px,2.5vw,30px); margin-bottom: 26px;}
.guest-intro-heading h2{font-size: clamp(28px,3.2vw,44px); line-height: 1.15; margin: 12px 0;}
.guest-intro-heading p{max-width: 100%; line-height: 1.75;}
.guest-intro-details>h3,.guest-intro-how h3{font-size: clamp(20px,2vw,27px); margin: 22px 0 13px;}
.guest-intro-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 24px;}
.guest-intro-card{min-width: 0; padding: 18px;}
.guest-intro-card>span{font-size: 28px;}
.guest-intro-card h4{font-size: 17px; line-height: 1.4; margin: 8px 0;}
.guest-intro-card p{margin: 0; line-height: 1.7;}
.guest-intro-how{padding-top: 4px;}
.guest-intro-how ol{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;}
.guest-intro-how li{display: flex; flex-direction: column; gap: 7px; padding: 15px;}
.guest-intro-how li:before{content: "BƯỚC " counter(gueststep); font-size: 12px; font-weight: 900; letter-spacing: .08em;}
.guest-intro-how li span{line-height: 1.6;}
.guest-intro-closing{margin: 18px 0 0; padding: 18px; line-height: 1.7;}
@media (max-width:800px){.guest-intro-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
.guest-intro-how ol{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width:540px){.guest-intro-details{padding: 10px;}
.guest-intro-grid,.guest-intro-how ol{grid-template-columns: 1fr;}
.guest-intro-card{padding: 14px;}
.guest-intro-heading{padding: 16px;}}
/* 6: block */
.public-landing-wrap .landing-hero,
.public-landing-wrap .guest-intro-details,
.public-landing-wrap .landing-stat,
.public-landing-wrap .landing-mini-card,
.public-landing-wrap .public-table-card{transition: box-shadow .25s ease, transform .25s ease, background-color .25s ease;}
.public-landing-wrap .guest-intro-card{transition: transform .22s ease, box-shadow .22s ease, background-color .25s ease;}
.public-landing-wrap .guest-intro-card:hover,
.public-landing-wrap .landing-mini-card:hover,
.public-landing-wrap .landing-stat:hover{transform: translateY(-3px);}
.kiemmoney-new-logo{display: block; width: min(100%,520px); height: auto; object-fit: contain; object-position: left center; margin: 0 0 18px; padding: 0 !important; box-sizing: border-box; animation: kmLogoFloat 4.2s ease-in-out infinite; transition: filter .3s ease;}
@keyframes kmLogoFloat{0%,100%{transform: translateY(0);}
50%{transform: translateY(-5px);}}
@media (prefers-reduced-motion:reduce){.kiemmoney-new-logo,.public-landing-wrap *{animation: none !important; transition: none !important;}}
@media (max-width:560px){.kiemmoney-new-logo{display: block; width: min(100%,520px); height: auto; object-fit: contain; object-position: left center; margin: 0 0 18px; padding: 0 !important; box-sizing: border-box; animation: kmLogoFloat 4.2s ease-in-out infinite; transition: filter .3s ease;}}