/* Midnight gold: customer experience inspired by the supplied reference. */
:root{color-scheme:dark;--g-primary:#f5c44d;--g-deep:#b87916;--g-dark:#070d24;--g-light:#ffe789;--g-soft:#15213e;--g-tint:#111b34;--ink:#f4f6ff;--muted:#a6b2cc;--line:#2b3653;--field:#131d36;--bg-page:#080d21;--card-shadow:0 14px 35px -16px #000b}
html{background:#05091a}
.luxury-home-header{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 9px;min-height:64px}
.luxury-wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;color:#ffe082;font-size:23px;font-weight:850;letter-spacing:-.7px}
.luxury-wordmark>span>span{color:#f4f6ff}
.luxury-wordmark img{filter:drop-shadow(0 0 7px #ffcd5355)}
.luxury-support{display:grid;place-items:center;width:38px;height:38px;background:#15203b;border:1px solid #344366;border-radius:13px}
.luxury-support i{filter:brightness(0) invert(1)}
body{color:#f4f6ff;background:radial-gradient(ellipse at 0 0,#46341b55,transparent 35%),radial-gradient(ellipse at 100% 45%,#09265055,transparent 50%),#080d21;accent-color:#f5c44d}
body :is(.page,.container,.shell-page){background:transparent}
body :is(.card,.bal-card,.menu-card,.level-card,.shell-card,.shell-loader-box,.lo-modal,.modal-box,.popup-box,.vip-pop-box,.team-card,.transaction-card,.income-card,.stat-card){background:linear-gradient(135deg,#151d35,#090f24);border:1px solid #33405c;color:#f4f6ff;box-shadow:0 10px 28px -15px #000b}
body :is(.lv1-card,.summary-card,.welcome-card,.sheet,.empty-state,.empty,.modal-content){background:linear-gradient(135deg,#151d35,#090f24);border-color:#33405c;color:#e7edfc}
body :is(.card-inner,.sum-row,.level-row,.team-row,.rule-item,.history-item){border-color:#2b3653}
body :is(.sum-lbl,.sum-sub,.empty-text,.rule-text,.rule-desc,.sheet label){color:#b6c2da}
body :is(.sum-val,.stat-value,.card-amount,.amount-value){color:#ffe082}
body :is(.tab-btn.active,.team-sort-btn.active){background:#234064;color:#ffe082;border-color:#8c743e}
body #welcomePopup .welcome-head{background:linear-gradient(120deg,#7c581d,#101831 75%)}
body #welcomePopup .welcome-list li{border-color:#2b3653}
body #welcomePopup .welcome-list .wl-label{color:#b6c2da}
body #welcomePopup .welcome-list li b{color:#ffe082}
body #welcomePopup .welcome-list li:last-child b{background:#222b41}
body #welcomePopup .welcome-channel{background:linear-gradient(120deg,#284c7e,#131e36);color:#dceaff}
body .welcome-remember{color:#b6c2da}
body :is(.app-header,.header){background:linear-gradient(110deg,#1d2035,#080e25);color:#ffe18a;border-bottom:1px solid #d5a44040}
body :is(.hero,.balance-card){background:radial-gradient(ellipse at top left,#ba852a55,transparent 65%),linear-gradient(135deg,#17213c,#080d21);color:#fff;border-color:#d5a44055}
body :is(.hero-sub,.bal-label,.menu-subtitle,.info-label,.card-subtitle,.channel-subtitle,.level-name,.shell-alt){color:#b6c2da}
body :is(.bal-value,.balance-amount,.level-pct,.copy-code){color:#ffda65}
body :is(.menu-title,.card-title,.copy-link,.channel-info,.menu-text){color:#eef2ff}
body :is(.about-card,.feature-card,.contact-card,.rules-card,.account-card,.bank-card,.invite-card,.recharge-card,.withdraw-card){background:linear-gradient(135deg,#151d35,#090f24);border-color:#33405c;color:#e7edfc}
body :is(h1,h2,h3,h4,.card-heading,.section-title,.sheet-title,.modal-title,.rule-title,.empty-title){color:#f4f6ff}
body :is(.description,.subtitle,.about-text,.form-label,.field-label,.input-label,.detail-label){color:#b6c2da}
body :is(.tab-btn,.filter-btn){background:#121d36;border-color:#30415f;color:#c5d5f0}
body :is(.copy-row,.amount-item,.channel-item,.shell-input,.custom-input,.mode-trigger,.mode-option,.mode-options,.shell-input .prefix,.lo-ic,.menu-card .icon-wrap,.bal-ic){background:#121d36;border-color:#30415f;color:#e5edff}
body :is(input,select,textarea){color:#f4f6ff;accent-color:#ffd56a}
body input::placeholder{color:#8e9fbb}
body .shell-input input{background:transparent}
body :is(.shell-input:focus-within,.amount-item.active,.amount-item.selected,.channel-item.active,.mode-option[aria-checked="true"]){border-color:#e7b747;background:#202540;color:#ffe18a}
body .shell-banner{background-image:linear-gradient(90deg,#070c2588,#070c2510),url('/assets/luxury/crown-hero.png')!important;background-position:center;background-size:cover}
body :is(.shell-logo,.gear,.name-edit){background-color:#15203a;border-color:#c99a4355}
body .shell-tabs a{color:#a6b2cc}body .shell-tabs .tab-active{color:#ffe18a}
body :is(.shell-forgot,.shell-alt a){color:#ffe18a}
body .menu-card .menu-item{border-color:#263451}
body .menu-card .menu-item:hover{background:#182540}
body :is(.lo-no,.btn-withdraw,.change-btn,.modal-btn.cancel,.percent-btn,.team-sort-btn){background:#14203b;color:#e3ecff;border-color:#35486e;box-shadow:none}
body :is(.btn-buy,.shell-btn,.btn-submit,.btn-recharge,.btn-deposit,.cta-btn,.copy-btn,.submit-btn,.lo-yes,.vip-pop-btn,.modal-btn.confirm){color:#18130c;background:linear-gradient(180deg,#fff09b 0%,#f5c44d 55%,#d89220 100%);border:1px solid #ffe38a;border-radius:16px;box-shadow:inset 0 1px 0 #fff8,0 5px 18px -8px #ffca5e88;letter-spacing:0;font-weight:800}
body :is(.btn-buy,.shell-btn,.btn-submit,.btn-recharge,.btn-deposit,.cta-btn,.copy-btn,.submit-btn,.lo-yes,.vip-pop-btn,.modal-btn.confirm):active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 9px -4px #ffd56866}
body .btn-buy{min-height:48px;justify-content:center;font-size:16px;padding:12px 36px 12px 16px}
body .btn-buy::before{background-color:transparent;filter:brightness(0);border-radius:0;width:25px;height:25px}
body .btn-buy::after{content:'›';display:grid;place-items:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;background:#17130b;color:#ffdf74;font-size:25px;line-height:1}
body :is(.btn-submit,.shell-btn,.cta-btn,.btn-deposit) i{background-color:#ffec9f}
body .quick-grid{gap:8px;margin-bottom:18px}
body .quick-chip{min-height:88px;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#7342c445,transparent 65%),linear-gradient(145deg,#1b1e38,#090e24);border:1px solid #7441b855;box-shadow:inset 0 1px 0 #ffffff12,0 6px 15px -8px #000}
body .quick-chip:nth-child(2){background:radial-gradient(ellipse at 50% 0,#c7953440,transparent 65%),#0c1229;border-color:#d4a44644}
body .quick-chip:nth-child(3){background:radial-gradient(ellipse at 50% 0,#08cab640,transparent 65%),#0c1229;border-color:#09c8c344}
body .quick-chip:nth-child(4){background:radial-gradient(ellipse at 50% 0,#067ee950,transparent 65%),#0c1229;border-color:#168bdf55}
body .quick-chip:nth-child(5){background:radial-gradient(ellipse at 50% 0,#c0319e40,transparent 65%),#0c1229;border-color:#b544b855}
body .quick-label{color:#edf1ff;font-size:11px;font-weight:700}
body .quick-icon i,body .quick-icon img{filter:drop-shadow(0 3px 6px #6c9bff55)}
body .menu-new{background:#ff4d58;border:1px solid #ff8c96}
body .page .hero.banner-slider{height:auto;aspect-ratio:2.2;border:1px solid #bb963c77;border-radius:24px;background:#070b1b;box-shadow:0 8px 26px -14px #e5aa4855}
body .banner-panel.luxury-banner{padding:20px;background:linear-gradient(90deg,#05091a20,#05091a00),url('/assets/luxury/crown-hero.png') center/cover no-repeat;align-items:center}
body .luxury-banner .banner-copy{max-width:60%;text-shadow:0 2px 7px #000}
body .luxury-banner .banner-kicker{background:linear-gradient(180deg,#40361f,#15120e);border:1px solid #d6a54788;color:#ffe28a;letter-spacing:.5px;padding:4px 9px;font-size:9px}
body .luxury-banner h2{font-size:clamp(25px,7vw,36px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin:4px 0 8px;color:#fff}
body .luxury-banner h2 em{font-style:normal;color:#ffdc62}
body .luxury-banner p{color:#d7dcea;font-size:11px;max-width:175px}
body .banner-controls{left:50%;transform:translateX(-50%);right:auto;gap:12px}
body .page .tabs:has(#normalTab){gap:12px;margin-bottom:20px}
body .page .tabs :is(#normalTab,#vipTab),body .page .tabs :is(#normalTab,#vipTab).active{flex-direction:row;align-items:center;justify-content:center;gap:10px;min-height:70px;padding:12px 10px;border-radius:19px;background:linear-gradient(135deg,#101c38,#0a1028);border:1px solid #37527c;color:#eaf2ff;box-shadow:inset 0 1px 0 #ffffff15}
body .page .tabs #normalTab.active{background:radial-gradient(ellipse at top left,#00c9fc90,transparent 65%),linear-gradient(135deg,#066ca9,#102571 80%);border-color:#299fee;box-shadow:inset 0 1px 0 #b1e7ff55,0 0 15px #058ffa45}
body .page .tabs #vipTab,body .page .tabs #vipTab.active{background:linear-gradient(115deg,#b9811c55,#15182c 65%);border-color:#c4984466;box-shadow:inset 0 1px 0 #f6ce6055}
body .page .tabs #vipTab.active{background:linear-gradient(115deg,#f6d465,#8b611a 40%,#12172b 95%);border-color:#f7ce68;box-shadow:0 0 14px #f8bb3c55}
body .page .tabs :is(#normalTab,#vipTab)::after{display:none}
body .page .tabs :is(#normalTab,#vipTab) .plan-tab-icon{background:linear-gradient(145deg,#a1ebff,#339dea);border:0;border-radius:12px;width:36px;height:36px}
body .page .tabs #vipTab .plan-tab-icon{background:transparent;border:0}
body .page .tabs #vipTab .plan-tab-icon img{width:34px;height:34px}
body .page .tabs :is(#normalTab,#vipTab) .plan-tab-label strong{color:#f0f5ff;font-size:16px}
body .page .tabs #vipTab .plan-tab-label strong{color:#ffe17a}
body .page .tabs :is(#normalTab,#vipTab) .plan-tab-label>span{color:#b4c7e5;letter-spacing:1px;font-size:10px}
body .page .tabs #vipTab .plan-tab-label>span{color:#edcd88}
body .product{padding:12px;grid-template-columns:38% minmax(0,1fr);gap:8px 12px;border-radius:25px;border:1px solid #b8965466;background:radial-gradient(ellipse at 100% 100%,#04396670,transparent 60%),linear-gradient(140deg,#17182b,#080c20);box-shadow:inset 0 1px 0 #ffe39922,0 12px 26px -16px #000}
body .product-title{color:#f4f5ff;font-size:17px;font-weight:800}
body .product:has(.product-ribbon) .product-title{padding-right:35px}
body .product-hero{min-height:175px;background-color:#0b1024;border:1px solid #d2a24844;border-radius:17px;box-shadow:0 0 18px -8px #e3ab42; background-size:cover;background-position:center}
body .product-hero.luxury-phone{background-image:url('/assets/luxury/champagne-phone-v3.png')!important}
body .product-info .info-box:nth-child(1) .info-val{color:#ffdc65;font-size:25px;font-weight:850}
body .product-info .info-box:nth-child(3){left:0}
body .product-info .info-box:nth-child(3) :is(.info-val,.info-label){color:#dde5f8;font-weight:700}
body .product-info .info-box:nth-child(2),body .product-info .info-box:nth-child(4){margin-top:6px;padding:8px;border:1px solid #25304d;border-radius:12px;background:linear-gradient(115deg,#1d2948,#111a32);gap:4px}
body .product-info .info-box:nth-child(2) .info-val,body .product-info .info-box:nth-child(4) .info-val{color:#ffdc65;font-size:17px;font-weight:800}
body .product-info .income-label{font-size:12px;color:#d5def0;gap:4px}
body .income-icon{width:23px;height:25px;flex-basis:23px;background:linear-gradient(135deg,#97e8ff,#147bc4);border-radius:8px;box-shadow:0 0 9px #0daaff44}
body .income-icon img{width:17px;height:17px}
body .product-limit{background:linear-gradient(145deg,#1476b3,#17204b);border:1px solid #57b8ec44;border-radius:12px;color:#e0f4ff}
body .product-ribbon{background:linear-gradient(145deg,#fff09b,#dfac39);color:#191309;box-shadow:0 3px 12px #ffd36933}
body .product-ribbon.ribbon-value{background:linear-gradient(145deg,#81ffe4,#08ad91);color:#06382e}
body .product-ribbon.ribbon-exclusive{background:linear-gradient(145deg,#ce8cff,#7f45c5);color:#fff}
body .buy-timer{background:#131f38;color:#a8c9f7;border:1px solid #304765}
body .vip-premium-label,body .vip-offer-label{color:#f6d76d}
body .footer{background:linear-gradient(135deg,#211e2255,#0a142deF 45%,#0b1029f5);border:1px solid #b8975555;border-radius:22px 22px 0 0;box-shadow:0 -5px 24px #0008,inset 0 1px 0 #ffffff15;backdrop-filter:blur(18px)}
body .footer .nav-item{position:relative;color:#b9c6e1;min-height:54px;font-weight:600;font-size:10px}
body .footer .nav-item.active{color:#ffe374}
body .footer .nav-item > :is(i,svg),body .footer .nav-item.active > :is(i,svg){border:0;background-color:transparent;box-shadow:none;width:31px!important;height:31px!important;background-size:26px 26px;filter:none}
body .footer .nav-item.active > :is(i,svg){filter:sepia(1) saturate(3) hue-rotate(350deg) brightness(1.25) drop-shadow(0 0 7px #ffce5177)}
body .footer .nav-item.active::after{content:'';position:absolute;bottom:-7px;width:34px;height:3px;border-radius:5px;background:#ffdb68;box-shadow:0 0 10px #ffd65c}
body :is(button,a,[role="button"]):focus-visible{outline:3px solid #ffdc65;outline-offset:3px}
@media(hover:hover){body :is(.btn-buy,.shell-btn,.btn-submit,.btn-recharge,.btn-deposit,.cta-btn,.copy-btn,.submit-btn,.lo-yes,.vip-pop-btn,.modal-btn.confirm):hover:not(:disabled){background:linear-gradient(180deg,#fff5b4,#ffda67 60%,#e6a735);box-shadow:0 6px 20px -7px #ffce6d88;transform:translateY(-1px);filter:none}body .quick-chip:hover{border-color:#b396f3;box-shadow:0 0 12px #6843b344}body .page .tabs #vipTab:hover{background:linear-gradient(115deg,#c8933466,#15182c);border-color:#edc166}}
@media(max-width:360px){body .luxury-banner h2{font-size:25px}body .banner-panel.luxury-banner{padding:14px}body .page .tabs :is(#normalTab,#vipTab){gap:7px;padding:10px 7px;min-height:65px}body .page .tabs :is(#normalTab,#vipTab) .plan-tab-label strong{font-size:14px}body .product{padding:10px;gap:8px}body .product-title{font-size:15px}body .product-info .info-box:nth-child(1) .info-val{font-size:23px}body .product-info .info-box:nth-child(2) .info-val,body .product-info .info-box:nth-child(4) .info-val{font-size:15px}body .quick-label{font-size:9px}}