/* Gold and electric blue lighting, shared across every customer page. */
:root{--g-primary:#ffda62;--g-light:#fff2a1;--g-deep:#c88e20;--bg-page:#050b17;--ink:#f3f5fb;--line:#2e4266;--gold-glow:0 0 4px #ffe18488,0 0 20px #ffd05b35;--blue-glow:0 0 4px #55b9ff99,0 0 22px #008dff40}
html{background:#040812}
body{background:radial-gradient(ellipse at 0 0,#40301544,transparent 35%),radial-gradient(ellipse at 100% 40%,#04306340,transparent 50%),#050b17;color:#f2f5fc}
body .page{padding-top:6px}
body .luxury-home-header{position:relative;min-height:66px;padding:12px 16px 14px;background:radial-gradient(ellipse at 10% 0,#b9812933,transparent 55%),#060d19;isolation:isolate}
body .luxury-home-header::after{content:'';position:absolute;z-index:-1;inset:0;background:url('/assets/luxury/header-ribbons.svg') center bottom/100% 100% no-repeat;pointer-events:none}
body .luxury-wordmark{font-size:26px;gap:9px;color:#f7f7fb;letter-spacing:-.8px}
body .luxury-wordmark>span>span{color:#ffdc70}
body .luxury-wordmark img{width:37px;height:37px;filter:drop-shadow(0 0 5px #ffd75d80)}
body .luxury-header-actions{display:flex;gap:12px}
body :is(.luxury-support,.luxury-notifications){position:relative;display:grid;place-items:center;width:42px;height:42px;padding:9px;border:1px solid #bba35d66;border-radius:15px;background:linear-gradient(140deg,#1d2732,#02060c 70%);box-shadow:inset 0 1px 1px #ffffff40,0 2px 7px #ffdb5c22;cursor:pointer;color:#fff}
body .luxury-notifications svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .luxury-notifications::after{content:'';position:absolute;top:4px;right:5px;width:10px;height:10px;border-radius:50%;background:#ff405d;box-shadow:0 0 6px #ff405d88;border:1px solid #ff8c9e}
body .page .hero.banner-slider{aspect-ratio:1.95;border-radius:22px;border:1px solid #e0bd63;box-shadow:var(--gold-glow),inset 0 0 12px #ffcf4f22;margin-bottom:17px}
body .banner-panel.luxury-banner{background-image:linear-gradient(90deg,#02070b33,transparent),url('/assets/luxury/crown-reference-v3.png');padding:17px 20px 24px}
body .luxury-banner .banner-copy{max-width:60%}
body .luxury-banner h2{font-size:clamp(26px,7.5vw,39px);font-weight:900;letter-spacing:-1.4px;line-height:1.02;margin-top:7px;margin-bottom:8px}
body .luxury-banner h2 em{color:#ffe375;text-shadow:0 2px 4px #000,0 0 10px #ffda5033}
body .luxury-banner .banner-kicker{border-color:#d8bc67;border-radius:20px;background:linear-gradient(180deg,#282617,#040606);color:#ffe983;font-size:10px;font-weight:800;padding:5px 10px;box-shadow:inset 0 1px 0 #fff3,0 0 8px #ffd44e22}
body .luxury-banner p{font-size:12px;line-height:1.3;color:#d7e0ef;max-width:180px}
body .hero-benefits{list-style:none;padding:0;margin:8px 0 0;font-size:9px;line-height:1.55;color:#dfe7f4}
body .hero-benefits li::before{content:'✓';display:inline-grid;place-items:center;width:11px;height:11px;margin-right:5px;background:#f7c847;color:#1b1608;border-radius:50%;font-weight:900;font-size:9px}
body .exclusive-badge{position:absolute;right:13px;top:13px;width:72px;padding:6px 3px;border:1px solid #e1bf59;border-radius:50%;background:radial-gradient(ellipse,#151717,#03060b);text-align:center;color:#ffe388;box-shadow:0 0 12px #fbc44b55;font-size:7px;line-height:1.25;font-weight:700}
body .exclusive-badge strong{display:block;font-size:13px;letter-spacing:-.5px}
body .exclusive-badge::before{content:'♛';display:block;color:#ffdf6e;font-size:17px;line-height:1.1}
body .banner-controls{bottom:7px}
body .banner-dot.active::before{background:#ffdf6e;box-shadow:0 0 7px #ffda54}
body .quick-grid{gap:10px;margin-bottom:19px}
body .quick-chip{--action-color:#ffd256;--action-rgb:255,210,86;min-height:83px;gap:7px;border-radius:17px;padding:10px 3px;background:radial-gradient(ellipse at 50% 0,rgba(var(--action-rgb),.17),transparent 65%),linear-gradient(145deg,#15222b,#030912);border:1px solid rgba(var(--action-rgb),.55);box-shadow:inset 0 1px 0 #ffffff18,0 0 13px rgba(var(--action-rgb),.22)}
body .quick-chip:nth-child(2){--action-color:#6ad6ff;--action-rgb:30,142,255;background:radial-gradient(ellipse at 50% 0,#126fff45,transparent 65%),#040d23;border-color:#329cff99}
body .quick-chip:nth-child(3){--action-color:#f79dff;--action-rgb:191,37,255;background:radial-gradient(ellipse at 50% 0,#a412d545,transparent 65%),#120725;border-color:#b63be599}
body .quick-chip:nth-child(4){--action-color:#64e9ff;--action-rgb:0,205,237;background:radial-gradient(ellipse at 50% 0,#00bbd840,transparent 65%),#03131e;border-color:#00c5de88}
body .quick-chip:nth-child(5){--action-color:#7df5d9;--action-rgb:0,214,167;background:radial-gradient(ellipse at 50% 0,#00ac823b,transparent 65%),#031615;border-color:#00a88a88}
body .quick-label{color:var(--action-color);font-size:11px;font-weight:700;text-shadow:0 0 9px rgba(var(--action-rgb),.35)}
body .quick-icon i,body .quick-icon img{filter:drop-shadow(0 0 8px rgba(var(--action-rgb),.5));width:34px!important;height:34px!important}
body .menu-new{top:-5px;right:-2px;font-size:10px;padding:3px 5px;border-radius:9px;background:#ff3959;border:1px solid #ff7f95;box-shadow:0 0 9px #ff476a55}
body .page .tabs:has(#normalTab){gap:14px;padding:0 3px;margin-bottom:18px}
body .page .tabs :is(#normalTab,#vipTab),body .page .tabs :is(#normalTab,#vipTab).active{min-height:67px;justify-content:flex-start;gap:10px;padding:10px 30px 10px 14px;border-radius:16px;transform:skewX(8deg);border:1px solid #e8c362;background:radial-gradient(ellipse at 0 0,#b8832555,transparent 75%),linear-gradient(110deg,#60491d,#110d08 80%);box-shadow:inset 0 1px 0 #ffed9588,0 0 12px #ffc84333}
body .page .tabs #normalTab.active{background:radial-gradient(ellipse at 0 0,#fff2a7,transparent 80%),linear-gradient(120deg,#edbd48,#674716 60%,#18110a);border-color:#ffe48a;box-shadow:inset 0 0 9px #ffdf6170,0 0 15px #ffce4b66}
body .page .tabs #vipTab,body .page .tabs #vipTab.active{background:linear-gradient(120deg,#0c2c5f,#020918 75%);border:1px solid #3776c3;box-shadow:inset 0 1px 0 #a4dcff55,0 0 11px #1f90ff33}
body .page .tabs #vipTab.active{background:radial-gradient(ellipse at 0 0,#074cdc,transparent 75%),linear-gradient(120deg,#05347c,#030c22);border-color:#65bbff;box-shadow:inset 0 0 12px #48b4ff44,0 0 16px #179bff66}
body .page .tabs :is(#normalTab,#vipTab)>span{transform:skewX(-8deg)}
body .page .tabs :is(#normalTab,#vipTab)::after,body .page .tabs :is(#normalTab,#vipTab).active::after{content:'›';display:grid;place-items:center;top:50%;right:10px;left:auto;bottom:auto;transform:translateY(-50%) skewX(-8deg);width:22px;height:22px;border-radius:50%;border:1px solid #e5c46a88;background:#130e05;color:#ffe888;font-size:25px;line-height:1;box-shadow:0 0 7px #ffd65044}
body .page .tabs #vipTab::after,body .page .tabs #vipTab.active::after{border-color:#62bfff88;background:#020817;color:#c9e8ff;box-shadow:0 0 7px #209fff55}
body .page .tabs #normalTab .plan-tab-icon{width:35px;height:35px;border-radius:9px;background:linear-gradient(145deg,#302508,#080602);border:1px solid #edc55c44;box-shadow:inset 0 1px 0 #fff2}
body .page .tabs #normalTab .plan-tab-icon img{width:26px;height:26px}
body .page .tabs :is(#normalTab,#vipTab) .plan-tab-label strong{font-size:15px;white-space:normal;line-height:1.2;color:#fff6d8;letter-spacing:-.3px}
body .page .tabs #vipTab .plan-tab-label strong{color:#ffdf69}
body .page .tabs #normalTab .plan-tab-label>span{color:#edddb2}
body .page .tabs #vipTab .plan-tab-label>span{color:#c5d7f2}
body .product{--card-light:#ffdc71;--card-rgb:255,212,94;padding:11px 12px;grid-template-columns:38% minmax(0,1fr);gap:7px 12px;border:1px solid #dfbd64;border-radius:22px;background:linear-gradient(135deg,#121b28,#040b18 75%);box-shadow:inset 0 1px 0 #ffefb944,0 0 5px rgba(var(--card-rgb),.3),0 0 22px rgba(var(--card-rgb),.16)}
body .product-list>.product:nth-child(even){--card-light:#62d1ff;--card-rgb:31,146,255;border-color:#368cee;box-shadow:inset 0 1px 0 #9addff44,0 0 5px #288dff66,0 0 20px #167ff62b}
body .product-title{font-size:18px;line-height:1.15;font-weight:850;color:#f5f6fa;letter-spacing:-.3px}
body .product:has(.product-ribbon) .product-title{padding-right:30px}
body .product-hero{min-height:178px;border-radius:14px;border:0;background-color:#060b13;background-size:cover;background-position:center;box-shadow:0 0 12px -5px rgba(var(--card-rgb),.45)}
body .product-hero[style*="crown-blue-gems"],body .product-hero[style*="crown-hero"]{background-position:78% center}
body .product-limit{top:1px;left:1px;border-radius:13px;background:linear-gradient(145deg,#3e3413,#070d14);border:1px solid #ddbf66;color:#fff3ba;box-shadow:0 0 9px #ffc85822;font-size:10px;padding:5px 8px}
body .product-list>.product:nth-child(even) .product-limit{background:linear-gradient(145deg,#00559e,#071835);border-color:#168cff;color:#d0f3ff}
body .product-info .info-box:nth-child(1) .info-val{font-size:28px;color:var(--card-light);text-shadow:0 0 8px rgba(var(--card-rgb),.25)}
body .product-info .info-box:nth-child(2),body .product-info .info-box:nth-child(4){padding:7px 8px;margin-top:5px;background:linear-gradient(115deg,#152740,#0c162a);border:0;box-shadow:inset 0 1px 0 #ffffff05;border-radius:11px}
body .product-info .info-box:nth-child(2) .info-val,body .product-info .info-box:nth-child(4) .info-val{font-size:17px;color:var(--card-light)}
body .product-info .info-box:nth-child(3){left:0;justify-self:end;margin-right:12px;font-size:11px}
body .product-info .info-box:nth-child(3) .info-label{display:block;font-size:10px}
body .income-icon{background:radial-gradient(circle at 35% 25%,#8ee5ff,#0b88d3 75%);border-radius:50%;box-shadow:0 0 9px #05bfff55}
body .product .buy-wrap{padding-top:1px}
body .product .btn-buy{min-height:46px;border-radius:16px;background:linear-gradient(180deg,#fff39c,#ffcc46 45%,#cb8c1a);border:1px solid #ffe78c;box-shadow:inset 0 2px 2px #fff9,0 0 11px #ffc34e55;color:#110e07;font-size:16px;font-weight:850}
body .product-list>.product:nth-child(even) .btn-buy{background:linear-gradient(180deg,#71efff,#149dfa 45%,#074be1);border-color:#8ceaff;color:#eefcff;box-shadow:inset 0 2px 2px #d8ffff88,0 0 12px #0a9aff77}
body .product-list>.product:nth-child(even) .btn-buy::before{filter:brightness(0) invert(1)}
body .product-list>.product:nth-child(even) .btn-buy::after{background:#03102c;color:#aaf0ff;box-shadow:0 0 6px #3acbff66}
body .product-ribbon{background:linear-gradient(145deg,#ffeb89,#efb833);color:#161008;font-weight:850}
body .product-list>.product:nth-child(even) .product-ribbon{background:linear-gradient(145deg,#8efaff,#159afb);color:#f5feff;box-shadow:0 3px 10px #0099ff55}
body :is(.card,.bal-card,.menu-card,.level-card,.lv1-card,.summary-card,.shell-card,.lo-modal,.modal-box,.popup-box,.vip-pop-box,.team-card,.transaction-card,.income-card,.stat-card,.about-card,.feature-card,.contact-card,.rules-card,.account-card,.bank-card,.invite-card,.recharge-card,.withdraw-card,.mission,.tl-card,.portfolio,.stat-band){background:linear-gradient(135deg,#111d2e,#050c1a);border:1px solid #b3965366;color:#edf3ff;box-shadow:inset 0 1px 0 #ffe8a71a,0 0 4px #f1bf3a33,0 0 20px #ffc75316}
body :is(.card,.tl-card,.stat-card,.team-card):nth-child(even){border-color:#3b89d777;box-shadow:inset 0 1px 0 #8bdcff22,0 0 5px #278aff33,0 0 19px #198aff20}
body :is(.app-header,.header){background:linear-gradient(115deg,#172431,#040a15);color:#ffe58a;border-bottom:1px solid #c7a85c;box-shadow:0 3px 15px #ffcf3c22}
body :is(.hero,.balance-card){background:radial-gradient(ellipse at top left,#bb8e2345,transparent 65%),linear-gradient(125deg,#11233b,#060b17);border:1px solid #cfae5966;box-shadow:inset 0 1px 0 #ffedac33,0 0 18px #ffcc3e22}
body .hero:has(.hero-row){border-radius:0 0 24px 24px}
body .shell-banner{background-image:linear-gradient(90deg,#03081044,transparent),url('/assets/luxury/crown-reference-v3.png')!important;box-shadow:0 0 22px #ffc63733}
body .shell-logo{border-color:#d2ac52;box-shadow:0 0 20px #ffc83655}
body .shell-logo{background:#091321 url('/assets/quick-action-icons/crown.svg') center/65% no-repeat}
body .welcome-brand img{filter:drop-shadow(0 0 8px #ffd35955)}
body .bank-icon,body .empty-icon,body .m-ic{background:linear-gradient(145deg,#273448,#091325);border:1px solid #d4b15677;box-shadow:0 0 12px #ffd35233}
body .plan-discount-note{background:#102136;border-color:#345982;color:#c5e1ff}
body .discount-countdown{color:#ffe584}
body .poster-card{background:linear-gradient(90deg,#050a1588,transparent),url('/assets/luxury/crown-reference-v3.png') 70% center/cover no-repeat;border:1px solid #cbae63;box-shadow:var(--gold-glow)}
body :is(.empty-cta,.welcome-channel,.copy-btn,.cta-btn,.submit-btn,.btn-submit,.btn-recharge,.btn-deposit,.shell-btn,.lo-yes,.vip-pop-btn,.modal-btn.confirm){background:linear-gradient(180deg,#fff3a3,#ffd053 48%,#ca8c1c);border:1px solid #ffe688;color:#161006;box-shadow:inset 0 1px 0 #fff8,0 0 14px #fcca4966;text-decoration:none;border-radius:14px;font-weight:800}
body :is(.btn-withdraw,.change-btn,.percent-btn.active,.team-sort-btn.active,.tab-btn.active){background:linear-gradient(180deg,#28c5fd,#086eee 70%,#0648ac);border:1px solid #57c5ff;color:#eefbff;box-shadow:inset 0 1px 0 #fff5,0 0 14px #078bff55}
body :is(.shell-input,.custom-input,.amount-item,.channel-item,.mode-trigger){background:linear-gradient(145deg,#152539,#091322);border-color:#335477;box-shadow:inset 0 1px 0 #ffffff0c; color:#e9f2ff}
body :is(.shell-input:focus-within,.amount-item.active,.amount-item.selected,.channel-item.active,.mode-option[aria-checked="true"]){border-color:#ffce5f;background:linear-gradient(135deg,#2b291b,#0e192b);box-shadow:0 0 12px #ffce4c33;color:#ffe58c}
body :is(.m-title,.tl-title,.sec-head,.pf-amount,.p-title,.card-title,.header-title){color:#f4f5fb}
body :is(.m-text,.tl-text,.st-lbl,.pf-label,.p-sub,.card-subtitle,.sum-lbl,.menu-subtitle){color:#b8c8dc}
body :is(.st-val,.sum-val,.pf-amount,.bal-value,.balance-amount){color:#ffdb72}
body .footer{border:1px solid #ac945d88;border-radius:22px 22px 0 0;background:linear-gradient(110deg,#26201466,#071222 40%,#070d1c);box-shadow:inset 0 1px 0 #ffebbd22,0 -2px 12px #ffcd3422,0 -7px 20px #000a}
body .footer .nav-item{min-height:58px;gap:3px;font-size:10px;color:#b8c8e1}
body .footer .nav-item.active{margin-top:-1px;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#a97c2244,transparent 90%);box-shadow:inset 0 1px 0 #ffda6844,0 0 11px #ffc73222;color:#ffdf75}
body .footer .nav-item.active> :is(i,svg){filter:sepia(1) saturate(3) hue-rotate(350deg) brightness(1.45) drop-shadow(0 0 9px #ffd66699)}
body .footer .nav-item.active::after{bottom:-7px;width:37px;box-shadow:0 0 7px #ffd95d,0 0 15px #ffbb32}
body :is(button,a,[role="button"]):focus-visible{outline:2px solid #fff0a3;outline-offset:4px;box-shadow:0 0 13px #ffdc6888}
@media(hover:hover){body .quick-chip:hover{border-color:var(--action-color);box-shadow:0 0 20px rgba(var(--action-rgb),.45);transform:translateY(-2px)}body .product .btn-buy:hover:not(:disabled){background:linear-gradient(180deg,#fff9c4,#ffda6d 50%,#d69a28);box-shadow:0 0 20px #ffcd6788}body .product-list>.product:nth-child(even) .btn-buy:hover:not(:disabled){background:linear-gradient(180deg,#a1f6ff,#30b3ff 50%,#0955e9);box-shadow:0 0 20px #16adff88}body .page .tabs #vipTab:hover{background:linear-gradient(115deg,#123c75,#051020);border-color:#72ceff}}
@media(max-width:360px){body .luxury-home-header{padding-inline:12px}body .luxury-wordmark{font-size:23px}body .luxury-header-actions{gap:8px}body :is(.luxury-support,.luxury-notifications){width:36px;height:36px}body .quick-grid{gap:7px}body .quick-chip{min-height:76px}body .quick-label{font-size:9px}body .page .tabs:has(#normalTab){gap:10px}body .page .tabs :is(#normalTab,#vipTab){padding-left:10px;padding-right:24px;gap:6px}body .page .tabs :is(#normalTab,#vipTab) .plan-tab-label strong{font-size:12px}body .page .tabs :is(#normalTab,#vipTab)::after{width:18px;height:18px;right:6px}body .product{padding:9px;gap:6px 9px}body .product-title{font-size:16px}body .product-info .info-box:nth-child(1) .info-val{font-size:25px}body .product-info .info-box:nth-child(2) .info-val,body .product-info .info-box:nth-child(4) .info-val{font-size:15px}body .product .btn-buy{font-size:14px}body .hero-benefits{font-size:8px}body .exclusive-badge{width:60px;font-size:6px;right:8px;top:9px}body .exclusive-badge strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){body .quick-chip,body button,body a{transition:none!important}}