:root{
  --p:#0066b1;--p2:#0084d6;--p3:#4bb3e9;--deep:#003b7a;--ink:#151923;--muted:#8792a2;
  --bg:#f4f8fc;--card:#fff;--line:#e5eef7;--soft:#edf6fd;--danger:#e7474f;--gold:#f7aa19;
  --shadow:0 12px 28px rgba(0,74,130,.12);--grad:linear-gradient(180deg,#0084d6 0%,#0066b1 52%,#003b7a 100%);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#efeff3}body{overflow-x:hidden}
a{color:inherit}.fw-black{font-weight:950}.tiny{font-size:11px}.mini{font-size:12px}.muted{color:var(--muted)}
.app-shell{width:100%;max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative;overflow-x:hidden;box-shadow:0 0 45px rgba(0,74,130,.10)}
.app-shell.has-bottom-nav{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.app-shell.no-bottom-nav{padding-bottom:0}.page-pad{padding:12px 14px 28px}
.card-premium{background:#fff;border:1px solid #ebf1f6;border-radius:22px;box-shadow:var(--shadow)}
.btn-bmw{border:0!important;color:#fff!important;background:var(--grad)!important;border-radius:18px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,102,177,.22)!important;padding:13px 18px!important}.btn-soft{border:1px solid #d5e3ed!important;background:#f4f8fb!important;color:#115487!important;border-radius:18px!important;font-weight:850!important;padding:13px 16px!important}
.form-control,.form-select{border:1px solid #e0eaf1;border-radius:16px;background:#f7f9fb;padding:13px 15px}.form-control:focus,.form-select:focus{border-color:#5399cf;box-shadow:0 0 0 .2rem rgba(0,102,177,.10)}

/* APP HEADER */
.screen-head{height:58px;margin:-12px -14px 14px;background:linear-gradient(118deg,#4b92c9,#2173b2 60%,#055795);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:0 6px 18px rgba(0,74,130,.10)}
.top-title{font-size:20px;line-height:1;font-weight:950;letter-spacing:-.02em}.back-btn{position:absolute;left:14px;top:10px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.17);color:#fff;text-decoration:none;font-size:18px;border:1px solid rgba(255,255,255,.08)}
.main-page-title{height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(118deg,#2073b3,#074a7e);color:#fff;font-size:20px;font-weight:950}

/* BOTTOM NAV */
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);height:calc(75px + env(safe-area-inset-bottom));padding:0 9px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5edf4;box-shadow:0 -8px 26px rgba(0,74,130,.08);display:grid;grid-template-columns:1fr 1fr 1.22fr 1fr 1fr;align-items:center;z-index:1030}
.bottom-nav>a{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:#bbb6c5;font-size:10px;font-weight:800;gap:2px}.bottom-nav>a i{font-size:21px;line-height:1}.bottom-nav>a.active{color:#2477b7}.bottom-nav>a.active:after{content:"";width:20px;height:3px;border-radius:4px;background:#2477b7;margin-top:2px}.bottom-nav .center-action:after{display:none}
.center-action span{width:68px;height:68px;border-radius:50%;margin-top:-34px;position:relative;display:grid;place-items:center;background:repeating-conic-gradient(from -22.5deg,#1b7ac2 0 22.5deg,#fff 22.5deg 45deg);border:4px solid #1b7ac2;outline:3px solid #f0ad22;box-shadow:0 8px 20px rgba(0,102,177,.30),0 0 0 5px #fff}.center-action span:after{content:"";position:absolute;inset:17px;border-radius:50%;background:radial-gradient(circle,#ffc837 0 28%,#167bc8 29% 61%,#f4af21 63%);border:2px solid #fff}.center-action i{opacity:0}

/* LOGIN / REGISTER */
.auth-body{background:#fff}.auth-screen{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#fff;overflow:hidden}.auth-visual{height:350px;background:linear-gradient(135deg,#cee7fb,#67a5d4);background-size:cover;background-position:center;position:relative}.auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(83,26,171,.04))}.auth-sheet{position:relative;margin-top:-72px;background:#fff;border-radius:33px 33px 0 0;padding:78px 22px 40px;min-height:620px}.auth-logo-wrap{position:absolute;left:50%;top:-66px;transform:translateX(-50%);width:132px;height:132px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 15px 32px rgba(0,74,130,.20);display:grid;place-items:center}.auth-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:50%}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 28px 32px}.auth-tabs button{height:55px;border:0;background:none;font-size:22px;font-weight:500;color:#98939d;position:relative}.auth-tabs button.active{color:#0c151c;font-weight:850}.auth-tabs button.active:after{content:"";position:absolute;left:27%;right:27%;height:4px;border-radius:4px;background:#307cb7;bottom:0}.auth-pane{display:none}.auth-pane.active{display:block}.auth-field{height:58px;border-radius:30px;background:#f3f3f5;margin-bottom:14px;display:flex;align-items:center;padding:0 20px;color:#9e9ba5;gap:10px}.auth-field>i{color:#3881b9;font-size:14px}.auth-field input{border:0;outline:0;background:transparent;width:100%;height:100%;font-size:16px;color:#0f1a22}.auth-field input::placeholder{color:#a9a6ad}.auth-prefix{font-size:20px;font-weight:900;color:#307ab2;padding-right:14px;border-right:1px solid #d7d5da}.auth-prefix.compact{font-size:13px;padding-right:8px}.password-eye{border:0;background:transparent;color:#a0a0a7;font-size:21px}.auth-terms{text-align:center;color:#6e6973;font-size:13px;margin:17px 0 24px}.auth-terms a,.auth-consent a{color:#0a558f;font-weight:800;text-decoration:underline}.auth-submit{width:100%;height:58px;border:0;border-radius:30px;background:var(--grad);color:#fff;font-weight:900;letter-spacing:.12em;font-size:16px;box-shadow:0 13px 27px rgba(0,102,177,.25)}.auth-switch{text-align:center;color:#77717f;font-size:14px;margin:17px 0 0}.auth-switch button{border:0;background:transparent;color:#0b568f;font-weight:900;padding:0}.auth-consent{display:flex;gap:8px;align-items:flex-start;color:#76717c;font-size:11px;margin:5px 8px 18px}.auth-consent input{margin-top:2px}.auth-terms-modal .modal-dialog{max-width:390px;padding:14px}.auth-terms-modal .modal-content{border:0;border-radius:22px;overflow:hidden}.auth-terms-modal .modal-header{background:linear-gradient(110deg,#3b86c0,#075794);color:#fff;border:0}.auth-terms-modal .modal-body{font-size:13px;line-height:1.5}.auth-terms-modal .modal-footer{border:0;padding:12px 16px 16px}.auth-modal-close{width:100%;height:44px;border:0;border-radius:14px;background:var(--grad);color:#fff;font-weight:900}

/* HOME */
.home-page{padding:12px 14px 20px}.home-banner{width:100%;aspect-ratio:2.25/1;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#74afdc,#1466a4);box-shadow:0 8px 20px rgba(0,74,130,.10)}.home-banner img{width:100%;height:100%;object-fit:cover}.home-banner-empty{height:100%;display:flex;align-items:center;justify-content:center;gap:25px;color:rgba(255,255,255,.80);font-size:44px}.home-actions{margin-top:11px;padding:14px 8px;background:#fff;border-radius:17px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 8px 20px rgba(46,18,91,.07)}.home-actions a{text-decoration:none;color:#357eb6;text-align:center;font-size:11px;font-weight:850}.home-actions a span{width:42px;height:42px;border-radius:11px;background:#deecf6;display:grid;place-items:center;margin:0 auto 7px;font-size:20px;color:#347fb9}.home-actions a b{font-weight:850}.special-section{margin-top:12px;background:#fff;border-radius:17px;padding:15px 12px 13px;box-shadow:0 8px 20px rgba(46,18,91,.07)}.special-section>h2{text-align:center;color:#2f7ab3;font-size:20px;font-weight:950;margin:3px 0 14px}.special-offer-card{padding:0}.special-offer-card+.special-offer-card{margin-top:15px;padding-top:15px;border-top:1px solid #e9f0f5}.special-name{display:none!important}.special-image,.product-image{width:100%;aspect-ratio:2.22/1;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#99c9ee,#3381bc);position:relative}.special-image img,.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:20px;color:rgba(255,255,255,.85);font-size:44px}.countdown-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:59%;padding:13px 10px 15px;border-radius:24px;background:rgba(251,249,255,.92);backdrop-filter:blur(5px);box-shadow:0 9px 22px rgba(0,74,130,.18);text-align:center}.countdown-panel .label{font-size:10px;font-weight:950;color:#4586b8;letter-spacing:.22em;margin-bottom:8px}.countdown-numbers{display:flex;align-items:center;justify-content:center;gap:6px}.countdown-numbers b{min-width:43px;padding:6px 5px;border-radius:10px;background:linear-gradient(180deg,#599cd0,#1066a7);color:#fff;font-size:20px;box-shadow:0 5px 13px rgba(0,102,177,.20)}.countdown-numbers em{font-style:normal;color:#729ec0;font-weight:900}.four-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.four-stats>div{min-width:0;background:#f5f8fa;border-radius:12px;padding:10px 3px;text-align:center}.four-stats strong{display:block;color:#347fb8;font-size:13px;line-height:1.2;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.four-stats span{font-size:9px;color:#3f3847;margin-top:2px;display:block}.buy-btn{width:100%;height:40px;border:0;border-radius:20px;background:var(--grad);color:#fff;font-size:12px;font-weight:950;margin-top:10px;box-shadow:0 7px 15px rgba(0,102,177,.22)}.buy-btn.disabled{opacity:.55}.plan-tabs{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:5px;border-radius:18px;box-shadow:0 8px 20px rgba(46,18,91,.07)}.plan-tabs button{border:0;background:transparent;height:44px;border-radius:14px;color:#a7a2ad;font-weight:900;font-size:14px}.plan-tabs button.active{background:var(--grad);color:#fff;box-shadow:0 8px 17px rgba(68,15,153,.20)}.plan-list{margin-top:11px}.product-card{background:#fff;border-radius:17px;padding:13px 12px;box-shadow:0 8px 20px rgba(46,18,91,.07);margin-bottom:12px}.product-title{text-align:center;color:#317bb4;font-size:17px;font-weight:950;margin:1px 0 11px}.empty-mini{background:#fff;border-radius:17px;padding:25px;text-align:center;color:#9993a2;box-shadow:0 8px 20px rgba(46,18,91,.06)}

/* LOGIN ANNOUNCEMENT */
.login-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:2000;background:#4a87b5;color:#fff;padding:9px 16px;border-radius:10px;font-size:12px;box-shadow:0 9px 22px rgba(53,12,116,.25)}.announcement-modal .modal-dialog{max-width:365px;padding:14px}.announcement-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 25px 65px rgba(29,5,72,.40)}.announcement-top{background:linear-gradient(140deg,#629ecb,#1769a8);padding:23px 20px 18px;text-align:center;color:#fff;position:relative}.announcement-close{position:absolute;right:12px;top:12px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:17px}.announcement-logo-ring{width:66px;height:66px;border-radius:50%;padding:4px;background:rgba(255,255,255,.18);margin:0 auto 9px}.announcement-logo-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}.announcement-top h3{font-size:15px;font-weight:950;margin:0 0 3px}.announcement-subtitle{font-size:9px;opacity:.86}.announcement-body{padding:13px 16px 16px;background:#fff}.announcement-row{min-height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eaf0f5;font-size:10px}.announcement-row i{width:27px;height:27px;border-radius:9px;background:#eaf4fb;color:#357fb8;display:grid;place-items:center}.announcement-row strong{margin-left:auto;color:#2a76b1;font-size:11px}.announcement-channel{height:39px;margin-top:13px;border-radius:20px;background:var(--grad);color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;box-shadow:0 7px 16px rgba(71,15,158,.22)}
.quick-required-modal{border:0;border-radius:22px;overflow:hidden}.quick-required-modal .modal-body{padding:24px 18px}.quick-lock{width:58px;height:58px;border-radius:18px;margin:0 auto 12px;background:#ecf5fc;color:#2574b1;display:grid;place-items:center;font-size:24px}.quick-required-modal h4{font-weight:950;font-size:17px}.quick-required-modal p{font-size:12px;color:#8e8799}

/* PROFILE */
.profile-hero{height:173px;padding:29px 20px;background:linear-gradient(125deg,#4a91c7,#1f71b0 55%,#065693);color:#fff;border-radius:0 0 38px 38px;position:relative}.profile-id{display:flex;align-items:center;gap:15px}.profile-avatar-wrap{position:relative}.profile-logo{width:68px;height:68px;border-radius:18px;background:#fff;padding:9px;object-fit:contain}.vip-badge{position:absolute;left:5px;bottom:-16px;background:#f6a617;border:2px solid #fff;border-radius:14px;color:#fff;font-size:10px;font-weight:950;padding:3px 9px;white-space:nowrap}.profile-user-copy h4{font-size:20px;font-weight:500;margin:0 0 5px}.profile-user-copy div{font-size:13px}.logout-top{position:absolute;right:18px;top:23px;width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;font-size:18px}.balance-panel{margin:-54px 16px 0;position:relative;background:#fff;border-radius:23px;padding:20px 18px 16px;box-shadow:0 14px 32px rgba(0,74,130,.14)}.balance-panel .label{font-size:10px;letter-spacing:.15em;font-weight:950;color:#928b9d}.balance-panel .amount{font-size:31px;line-height:1.1;color:#084a7c;font-weight:950;margin-top:8px}.balance-wallet-icon{position:absolute;right:18px;top:20px;width:48px;height:48px;border-radius:15px;background:#f1f7fb;border:1px solid #e3eef7;color:#3680b8;display:grid;place-items:center;font-size:20px;box-shadow:0 7px 15px rgba(62,16,131,.08)}.balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 15px}.profile-deposit,.profile-withdraw{height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:950;font-size:14px}.profile-deposit{background:var(--grad);color:#fff!important;box-shadow:0 8px 18px rgba(71,16,158,.20)}.profile-withdraw{background:#f5f9fc;border:1px solid #d9e5ef;color:#104d7b!important}.profile-stats{border-top:1px solid #e8eff4;padding-top:13px;display:grid;grid-template-columns:repeat(3,1fr)}.profile-stats>div{text-align:center;padding:0 5px;border-right:1px solid #e8eff4}.profile-stats>div:last-child{border-right:0}.profile-stats b{display:block;font-size:13px}.profile-stats span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9b94a5;font-weight:900;margin-top:5px}.profile-section-title{margin:20px 22px 9px;color:#9690a0;font-size:11px;letter-spacing:.13em;font-weight:950}.profile-section-title i{color:#3a84bc;margin-right:6px}.profile-menu{margin:0 16px 17px;background:#fff;border-radius:22px;box-shadow:0 12px 28px rgba(45,14,92,.11);overflow:hidden}.profile-menu a{min-height:67px;padding:10px 14px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f1921;border-bottom:1px solid #e9f0f5}.profile-menu a:last-child{border-bottom:0}.profile-menu .icon{width:39px;height:39px;border-radius:12px;background:#f2f7fb;border:1px solid #e5eef5;color:#12629f;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 13px rgba(0,74,130,.06)}.profile-menu b{display:block;font-size:13px}.profile-menu small{display:block;color:#9b94a5;font-size:9px;font-weight:650;margin-top:2px}.profile-menu .chev{margin-left:auto;color:#c4bfca;font-size:12px}
.logout-dialog{max-width:360px;padding:15px}.logout-modal{border:0!important;border-radius:24px!important}.logout-modal .modal-body{padding:25px 18px 19px}.logout-icon{width:57px;height:57px;border-radius:17px;background:#fff1f3;color:#eb657d;display:grid;place-items:center;margin:0 auto 14px;font-size:22px}.logout-modal h2{font-size:17px;font-weight:950}.logout-modal p{color:#9c95a6;font-size:11px}.logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.logout-no,.logout-yes{height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:900;text-decoration:none}.logout-no{border:1px solid #dce7ef;background:#f4f7fa;color:#7c7585}.logout-yes{border:0;background:linear-gradient(180deg,#ff6b82,#df294a);color:#fff!important}

/* MONEY PAGES */
.money-page{padding-bottom:100px}.wallet-hero{height:148px;border-radius:24px;background:linear-gradient(125deg,#4b92c8,#2072b0 56%,#04538f);color:#fff;padding:31px 22px;position:relative;overflow:hidden;box-shadow:0 13px 27px rgba(0,74,130,.18)}.wallet-copy{position:relative;z-index:2}.wallet-copy .label{font-size:10px;letter-spacing:.16em;font-weight:950;opacity:.86}.wallet-copy .amount{font-size:34px;font-weight:950;margin-top:8px}.inr-tag{font-size:12px;margin-right:3px}.wallet-visual{position:absolute;right:22px;top:24px;width:110px;height:100px;color:#fff}.wallet-visual>i{position:absolute;right:8px;bottom:7px;font-size:69px;color:#12619e;filter:drop-shadow(0 8px 9px rgba(0,74,130,.20));z-index:2}.coin,.note{position:absolute;display:grid;place-items:center;font-weight:950;box-shadow:0 4px 8px rgba(31,5,76,.16)}.coin{width:23px;height:23px;border-radius:50%;background:#f5b624;color:#fff;border:2px solid #ffd86c;font-size:12px}.c1{right:3px;top:34px}.c2{left:7px;top:52px}.c3{right:34px;top:5px}.note{width:36px;height:28px;background:#72b3e5;border:2px solid #a2ceef;border-radius:5px;font-size:16px}.n1{right:18px;top:12px;transform:rotate(10deg)}.n2{right:34px;top:20px;transform:rotate(-6deg)}.form-card,.instruction-card{background:#fff;border-radius:23px;box-shadow:0 12px 27px rgba(45,14,91,.10);margin-top:15px;padding:18px 16px}.form-heading{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:950}.form-heading>i{width:34px;height:34px;border-radius:10px;background:#ebf4fb;color:#337db6;display:grid;place-items:center}.min-pill{margin-left:auto;padding:8px 12px;border-radius:13px;background:#f0f6fb;border:1px solid #d9e7f1;color:#104e7d;font-size:11px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.amount-chip{height:56px;border:1px solid #e5e1e9;background:#fff;border-radius:15px;color:#514a59;font-size:14px;font-weight:900;position:relative}.amount-chip.active{border:1.5px solid #357eb6;color:#06497d;box-shadow:0 6px 12px rgba(68,15,154,.08)}.amount-chip.active:after{content:"✓";position:absolute;right:-6px;top:-8px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#357eb6;color:#fff;border:2px solid #fff;font-size:10px}.amount-input-wrap,.withdraw-input-wrap{height:61px;border-radius:15px;background:#f4f8fb;border:1px solid #dce7f0;display:flex;align-items:center;padding:0 14px}.currency-mark{color:#0b558d;font-weight:950;font-size:18px;padding-right:15px;border-right:1px solid #d2e0eb}.amount-input{border:0;background:transparent;outline:0;flex:1;font-size:17px;font-weight:850;padding:0 15px}.calc-box{width:37px;height:37px;border-radius:10px;background:#fff;color:#8e8799;display:grid;place-items:center;box-shadow:0 5px 11px rgba(45,14,92,.08)}.minimum-note{font-size:11px;color:#948d9f;font-weight:650;margin-top:12px}.minimum-note i{color:#347db5;margin-right:6px}.instruction-card{padding-bottom:12px}.instruction-row{min-height:54px;display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e9f0f5;color:#696271;font-size:12px;line-height:1.45}.instruction-row:last-child{border-bottom:0}.instruction-row i{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#eaf4fb;color:#327cb4;font-size:11px}.secondary-sticky{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ece9ef;z-index:1020}.secondary-sticky .btn{height:51px;border-radius:17px!important;font-size:15px}.percent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.percent-chip{height:55px;border:1px solid #e5e1e9;border-radius:14px;background:#fff;color:#5b5462}.percent-chip b{display:block;font-size:14px}.percent-chip small{display:block;font-size:9px;color:#9b94a3;margin-top:2px}.withdraw-input-wrap b{color:#104e7d;font-size:14px;padding-right:13px;border-right:1px solid #d2e0eb}.withdraw-input-wrap input{flex:1;border:0;background:transparent;outline:0;padding:0 14px;font-size:14px}.tax-box{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;border:1px solid #dfe9f1;background:#f8fbfd;border-radius:15px;padding:14px}.tax-box>div:last-child{text-align:right;border-left:1px solid #dce7ef}.tax-box span{display:block;font-size:9px;color:#918a9a;letter-spacing:.07em;font-weight:900}.tax-box b{font-size:16px;margin-top:5px;display:block}.tax-box>div:last-child b{color:#2673ae}.bank-select-card{padding-bottom:16px}.change-bank{margin-left:auto;border:1px solid #cedeea;border-radius:12px;padding:7px 12px;color:#104f80;text-decoration:none;font-size:11px;font-weight:900}.bank-empty,.bank-present{margin-top:13px;border:1px solid #e6e1ea;border-radius:16px;padding:11px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f1921}.bank-icon{width:45px;height:45px;border-radius:13px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:18px}.bank-empty b{color:#e34a4f}.bank-empty small,.bank-present small{display:block;font-size:9px;color:#9c95a5;margin-top:2px}

/* BANK ACCOUNT */
.bank-page{padding-bottom:28px}.bank-card{height:186px;border-radius:23px;background:linear-gradient(125deg,#589dd1,#2376b5 55%,#024f8a);color:#fff;position:relative;padding:20px;overflow:hidden;box-shadow:0 13px 27px rgba(49,10,119,.19)}.bank-card-glow{position:absolute;left:-22px;top:-38px;width:210px;height:250px;border-radius:50%;background:rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.15)}.bank-card-top,.bank-card-bottom{display:flex;justify-content:space-between;position:relative;z-index:2}.bank-card .chip{width:41px;height:31px;border-radius:8px;background:linear-gradient(135deg,#ffe15a,#f0ad12);box-shadow:inset 0 0 0 1px rgba(170,114,0,.25)}.bank-card-label{font-size:10px;font-weight:950;letter-spacing:.18em;margin-top:6px}.bank-card-label i{opacity:.65;margin-right:7px}.bank-card .masked{position:relative;z-index:2;font-size:23px;letter-spacing:.17em;font-weight:950;margin-top:34px}.bank-card-bottom{margin-top:31px}.bank-card-bottom span{display:block;font-size:8px;letter-spacing:.14em;opacity:.80;font-weight:900}.bank-card-bottom b{display:block;font-size:13px;margin-top:4px}.bank-form-card{background:#fff;border-radius:23px;margin-top:15px;padding:18px 16px;box-shadow:0 12px 27px rgba(45,14,91,.10)}.bank-form-title{color:#8e8799;font-size:11px;letter-spacing:.13em;font-weight:950;margin-bottom:16px}.bank-form-title i{color:#478bbf;margin-right:8px}.bank-form-card label{display:block;color:#8c8595;font-size:10px;letter-spacing:.11em;font-weight:950;margin:13px 0 7px}.bank-input{height:55px;border-radius:15px;background:#f6f9fb;border:1px solid #dfe9f1;display:flex;align-items:center;padding:0 14px}.bank-input i{color:#b0aaba;font-size:18px;margin-right:12px}.bank-input input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#2b2532}.bank-input input::placeholder{color:#b2adba}.bank-submit{height:52px;margin-top:17px;font-size:14px!important}

/* COLLECTIONS */
.collections-page{min-height:100dvh}.invest-card{height:113px;border-radius:23px;background:linear-gradient(120deg,#4790c7,#2376b6 54%,#075794);color:#fff;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 25px rgba(50,11,121,.16)}.invest-art{position:absolute;left:-35px;top:-45px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.12)}.invest-card .label{position:relative;font-size:10px;letter-spacing:.15em;font-weight:950}.invest-card .amount{position:relative;font-size:31px;font-weight:950;margin-top:15px}.empty-state{text-align:center;padding:75px 28px 20px}.empty-icon{width:84px;height:84px;border-radius:24px;margin:0 auto 20px;background:#fff;color:#8ab9dd;box-shadow:0 12px 25px rgba(50,13,111,.11);display:grid;place-items:center;font-size:35px}.empty-state h4{font-size:18px;font-weight:950}.empty-state p{font-size:12px;line-height:1.55;color:#9b94a3}.explore-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 27px;border-radius:16px;background:var(--grad);color:#fff!important;text-decoration:none;font-size:13px;font-weight:950;box-shadow:0 9px 19px rgba(69,16,156,.20)}.collection-list{margin-top:13px}.collection-card{background:#fff;border-radius:18px;padding:14px;margin-bottom:12px;box-shadow:0 8px 20px rgba(46,18,91,.08)}.collection-top{display:flex;justify-content:space-between;gap:10px}.collection-top h5{font-size:14px;font-weight:950;margin:0}.collection-top span{display:inline-block;font-size:8px;color:#2b77b1;background:#eaf4fb;border-radius:8px;padding:4px 7px;margin-top:5px}.collection-top>b{font-size:14px}.collection-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.collection-stats>div{background:#f6f9fb;border-radius:10px;padding:8px 4px;text-align:center}.collection-stats strong{display:block;color:#2b77b1;font-size:11px}.collection-stats small{font-size:8px;color:#8e8798}.collection-next{font-size:9px;color:#918a99;margin-top:10px}.collection-next i{color:#307ab3;margin-right:5px}

/* TRANSACTIONS */
.transactions-page{min-height:100dvh}.tx-tabs{height:50px;background:#fff;border-radius:17px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 8px 18px rgba(46,18,91,.07);margin-bottom:15px}.tx-tabs a{display:grid;place-items:center;border-radius:13px;text-decoration:none;color:#0f1921;font-size:13px;font-weight:900}.tx-tabs a.active{background:var(--grad);color:#fff;box-shadow:0 7px 15px rgba(66,15,151,.18)}.tx-card{min-height:89px;background:#fff;border-radius:19px;margin-bottom:12px;padding:13px 14px 13px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 9px 20px rgba(46,18,91,.09);position:relative;overflow:hidden}.tx-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#317bb4;border-radius:0 5px 5px 0}.tx-icon{width:42px;height:42px;border-radius:13px;background:#f6f9fc;color:#11609d;border:1px solid #e5eef5;display:grid;place-items:center;font-size:18px;box-shadow:0 5px 11px rgba(61,14,130,.05)}.tx-main{flex:1;min-width:0}.tx-title{font-size:15px;font-weight:950}.tx-ref,.tx-time{font-size:9px;color:#aaa3b1;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-time{margin-top:5px}.tx-right{text-align:right}.tx-amount{color:#327cb5;font-size:16px;font-weight:950}.status-pill{display:inline-block;margin-top:7px;padding:5px 9px;border-radius:10px;font-size:8px;font-weight:950;letter-spacing:.12em}.status-success{border:1px solid #cfe2f0;color:#105183;background:#fff}.status-processing{border:1px solid #e7d69b;color:#a67900;background:#fffaf0}.status-rejected{border:1px solid #f0caca;color:#d34848;background:#fff7f7}.tx-empty{text-align:center;color:#9992a1;padding:45px 10px}

/* SHARE */
.share-page{min-height:100dvh;padding-bottom:20px}.share-hero{margin:15px 14px 20px;border-radius:22px;overflow:hidden;background:#08538c;box-shadow:0 11px 25px rgba(49,10,119,.16)}.share-hero-art{height:153px;display:flex;align-items:center;justify-content:center;gap:24px;color:rgba(255,255,255,.18);font-size:56px}.share-commission{padding:18px 20px;background:linear-gradient(120deg,#408ac2,#105e9a);color:#fff}.share-commission>span{display:block;font-size:9px;letter-spacing:.16em;font-weight:950}.share-commission>div{display:flex;align-items:flex-end;gap:10px;margin-top:6px}.share-commission b{font-size:45px;line-height:1}.share-commission strong{font-size:13px;padding-bottom:5px}.share-label{margin:0 20px 9px;color:#9690a0;font-size:10px;letter-spacing:.16em;font-weight:950}.invite-card{margin:0 14px 15px;background:#fff;border-radius:22px;box-shadow:0 9px 21px rgba(46,18,91,.08);overflow:hidden}.invite-row{min-height:78px;padding:12px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eeebf1}.invite-row:last-child{border-bottom:0}.invite-icon{width:41px;height:41px;flex:0 0 41px;border-radius:13px;background:#f2f7fb;color:#2570aa;border:1px solid #e5eef5;display:grid;place-items:center;font-size:18px}.invite-row>div:nth-child(2){flex:1;min-width:0}.invite-row span{display:block;color:#938c9c;font-size:9px;letter-spacing:.13em;font-weight:950}.invite-row p{font-size:11px;line-height:1.35;color:#5b5561;margin:5px 0 0;word-break:break-all}.invite-row b{font-size:19px;letter-spacing:.12em}.invite-row button{border:0;border-radius:13px;background:var(--grad);color:#fff;padding:10px 15px;font-size:11px;font-weight:950}.share-actions{margin:0 14px 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-actions button{height:52px;border-radius:17px;font-size:13px;font-weight:950}.share-now{border:0;background:var(--grad);color:#fff}.copy-link{background:#fff;border:1px solid #d2e1ec;color:#104e7d}.share-steps{margin:0 17px}.share-steps>div{display:flex;gap:13px;position:relative;padding-bottom:22px}.share-steps>div:not(:last-child):after{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:#d5e5f1}.share-steps i{width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:950}.share-steps p{margin:0}.share-steps b{display:block;font-size:14px}.share-steps span{display:block;color:#665f6e;font-size:11px;line-height:1.5;margin-top:4px}

/* TEAM */
.team-page{min-height:100dvh}.team-hero{height:183px;background:linear-gradient(130deg,#65a2d1,#075692);background-size:cover;background-position:center;position:relative}.team-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,12,146,.08),rgba(47,8,116,.35))}.team-metrics{position:absolute;left:15px;right:15px;top:31px;z-index:2;height:91px;border:1px solid rgba(255,255,255,.28);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;color:#fff}.team-metrics>div{display:grid;place-items:center;align-content:center;text-align:center}.team-metrics>div:first-child{border-right:1px solid rgba(255,255,255,.22)}.team-metrics span{font-size:9px;letter-spacing:.15em;font-weight:950;opacity:.85}.team-metrics b{font-size:29px;margin-top:5px}.team-invite-card{margin:-45px 14px 13px;position:relative;z-index:3;height:78px;border-radius:22px;background:#fff;border:1px solid #317bb4;box-shadow:0 10px 24px rgba(50,12,118,.13);display:flex;align-items:center;padding:12px 13px;gap:11px}.team-invite-icon{width:43px;height:43px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:18px}.team-invite-card>div:nth-child(2){flex:1}.team-invite-card span{display:block;color:#9690a0;font-size:9px;letter-spacing:.14em;font-weight:950}.team-invite-card b{display:inline-block;margin-top:5px;padding:5px 10px;border:1px dashed #c9dceb;border-radius:9px;font-size:15px;letter-spacing:.16em}.team-invite-card button{border:0;background:var(--grad);color:#fff;border-radius:15px;padding:11px 14px;font-size:12px;font-weight:950}.team-level-tabs{margin:0 14px 12px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(46,18,91,.07)}.team-level-tabs button{min-height:64px;border:0;background:#fff;color:#7f7889;padding:7px 4px}.team-level-tabs button+button{border-left:1px solid #e8eff4}.team-level-tabs button.active{background:var(--grad);color:#fff}.team-level-tabs span,.team-level-tabs small{display:block;font-size:8px}.team-level-tabs b{display:block;font-size:17px}.team-level-content{margin:0 14px}.team-pane{display:none}.team-pane.active{display:block}.team-list{background:#fff;border-radius:20px;box-shadow:0 8px 19px rgba(46,18,91,.07);overflow:hidden}.team-member{min-height:62px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9f0f5}.team-member-avatar{width:40px;height:40px;border-radius:13px;background:#ebf4fb;color:#337db6;display:grid;place-items:center}.team-member b{display:block;font-size:12px}.team-member small{display:block;color:#9b94a3;font-size:9px}.team-member>span{margin-left:auto;color:#aaa3b0;font-size:9px}.team-empty{padding:75px 20px;text-align:center;color:#aaa3b1}.team-empty i{font-size:53px;color:#b8d3e8}.team-empty p{font-size:13px;margin-top:13px}

/* SPIN */
.spin-page{min-height:100dvh;padding-bottom:15px}.spin-page-head{height:137px;padding:24px 18px;background:linear-gradient(120deg,#1469aa,#053d68);color:#fff;border-radius:0 0 28px 28px;position:relative;overflow:hidden}.spin-page-head:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 100%,rgba(255,255,255,.035) 0 10deg,transparent 10deg 20deg)}.spin-page-head h2{position:relative;font-size:24px;font-weight:950;margin:0 0 5px}.spin-page-head p{position:relative;font-size:13px;opacity:.85}.history-btn{position:absolute;right:16px;top:22px;border:1px solid rgba(255,255,255,.45);border-radius:19px;padding:8px 12px;color:#fff!important;text-decoration:none;font-size:11px;font-weight:900}.winner-ticker{height:47px;margin:-22px 14px 0;position:relative;z-index:2;background:#fff;border:1px solid #dae6ef;border-radius:18px;display:flex;align-items:center;overflow:hidden;box-shadow:0 8px 19px rgba(46,18,91,.08)}.winner-icon{width:47px;height:47px;flex:0 0 47px;background:linear-gradient(180deg,#3986c0,#075693);color:#fff;display:grid;place-items:center}.winner-track{white-space:nowrap;font-size:11px;color:#68616f;font-weight:800;animation:winnerTicker 30s linear infinite;padding-top:27px;display:flex;justify-content:center;position:relative}.wheel-pointer{position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:7;color:#2c76af;font-size:42px;filter:drop-shadow(0 2px 0 #fff)}.spin-disc{width:286px;height:286px;border-radius:50%;position:relative;background:repeating-conic-gradient(from -22.5deg,#f7fcff 0 45deg,#e4eef5 45deg 90deg);border:11px solid #286899;box-shadow:0 0 0 7px #77a8cd,0 14px 30px rgba(45,9,107,.20);transition:transform 4.3s cubic-bezier(.12,.65,.08,1)}.spin-disc:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(transparent 0 20deg,#fff 20deg 22deg,transparent 22deg 45deg);mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%);-webkit-mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%)}.spin-disc:after{content:"";position:absolute;inset:82px;border-radius:50%;background:linear-gradient(180deg,#3d83b9,#074677);border:6px solid #cae0f0;box-shadow:0 0 0 5px #fff;z-index:3}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;font-size:22px;font-weight:950}.wheel-slot{position:absolute;width:88px;text-align:center;color:#18354b;font-size:8.3px;font-weight:950;line-height:1.12;left:50%;top:50%;z-index:2;word-break:normal;overflow:visible}.wheel-slot span{display:block;max-height:none;overflow:visible;white-space:normal}.wheel-slot small{display:block;color:#8a8392;font-size:6.2px;letter-spacing:.08em;margin-top:2px}.wheel-slot:nth-child(1){transform:translate(-44px,-119px)}.wheel-slot:nth-child(2){transform:translate(30px,-94px)}.wheel-slot:nth-child(3){transform:translate(54px,-24px)}.wheel-slot:nth-child(4){transform:translate(30px,43px)}.wheel-slot:nth-child(5){transform:translate(-44px,68px)}.wheel-slot:nth-child(6){transform:translate(-118px,43px)}.wheel-slot:nth-child(7){transform:translate(-142px,-24px)}.wheel-slot:nth-child(8){transform:translate(-118px,-94px)}.spin-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 14px 12px}.spin-stat{min-height:98px;border-radius:19px;padding:13px;display:flex;align-items:center;gap:9px;color:#fff;background:linear-gradient(135deg,#28597e,#0b2e48)}.spin-stat.balance{background:linear-gradient(135deg,#5299cf,#075a99)}.spin-stat-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:13px;display:grid;place-items:center;font-size:18px}.spin-stat span{font-size:8px;letter-spacing:.1em;font-weight:900;opacity:.85}.spin-stat b{display:block;font-size:23px;line-height:1.1}.spin-stat small{display:block;color:#569dd3;font-size:8px;margin-top:5px;font-weight:850}.spin-action{margin:0 14px}.spin-action button{width:100%;height:54px;border:0;border-radius:17px;background:linear-gradient(180deg,#62a1d1,#2b6591);color:#fff;font-size:17px;font-weight:950;box-shadow:0 8px 17px rgba(0,74,130,.19)}.spin-note{text-align:center;color:#2f78b0;font-size:10px;font-weight:850;margin:11px 14px 3px}.spin-message{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:2100;width:290px;padding:14px 18px;border-radius:16px;background:#71a3ca;color:#fff;text-align:center;font-size:13px;font-weight:900;box-shadow:0 13px 29px rgba(0,74,130,.26)}

/* ABOUT */
.about-page{padding-bottom:30px}.about-hero{min-height:132px;border-radius:20px;background:linear-gradient(125deg,#5399cf,#05538f);padding:17px;display:flex;align-items:center;gap:16px;color:#fff;overflow:hidden}.about-logo-box{width:100px;height:112px;flex:0 0 100px;border-radius:27px;background:#fff;display:grid;place-items:center;transform:skew(-7deg);box-shadow:0 7px 18px rgba(34,5,86,.15)}.about-logo-box img{max-width:65px;max-height:65px;transform:skew(7deg)}.about-hero-copy h3{font-size:19px;font-weight:950;margin:0 0 4px}.about-hero-copy p{font-size:10px;opacity:.87;margin:0 0 11px}.about-hero-copy span{font-size:8px;letter-spacing:.13em;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:5px 8px}.about-stats{height:68px;margin-top:10px;background:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 7px 17px rgba(46,18,91,.07)}.about-stats div{text-align:center;padding:12px 3px;border-right:1px solid #eeebf1}.about-stats div:last-child{border-right:0}.about-stats b{display:block;color:#104e7d;font-size:15px}.about-stats span{display:block;color:#9b94a2;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.about-label{margin:18px 5px 8px;color:#928b9b;font-size:9px;letter-spacing:.18em;font-weight:950}.about-content-card,.about-steps-card{background:#fff;border-radius:18px;box-shadow:0 7px 18px rgba(0,74,130,.07);overflow:hidden}.about-list>div{position:relative;padding:13px 13px 13px 55px;border-bottom:1px solid #e9f0f5;min-height:60px}.about-list>div:last-child{border-bottom:0}.about-list>div:before{content:"✓";position:absolute;left:14px;top:13px;width:32px;height:32px;border-radius:10px;background:#eff6fb;color:#367fb7;display:grid;place-items:center;font-weight:950}.about-list b{font-size:12px}.about-list p{font-size:10px;color:#68616f;margin:3px 0 0;line-height:1.4}.about-steps-card{box-shadow:none;background:transparent}.about-steps-card ol{list-style:none;margin:0;padding:0;counter-reset:step}.about-steps-card li{position:relative;padding:9px 0 13px 42px;font-size:11px;color:#68616f;min-height:49px}.about-steps-card li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:8px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:950}.about-steps-card li:not(:last-child):after{content:"";position:absolute;left:15px;top:39px;bottom:-2px;width:1px;background:#d8e8f4}.faq{padding:0 13px}.faq details{padding:13px 0;border-bottom:1px solid #e9f0f5}.faq details:last-child{border-bottom:0}.faq summary{font-size:11px;font-weight:900;cursor:pointer}.faq details p{font-size:10px;color:#69626f;margin:7px 0 0}.about-support{margin-top:18px;background:#fff;border-radius:20px;text-align:center;padding:22px 17px;box-shadow:0 8px 20px rgba(0,74,130,.07)}.support-icon{width:47px;height:47px;border-radius:14px;background:#eff6fb;color:#317bb4;display:grid;place-items:center;margin:0 auto 11px;font-size:20px}.about-support h5{font-size:14px;font-weight:950}.about-support p{font-size:10px;color:#69626f}.about-support a{display:inline-flex;align-items:center;justify-content:center;min-width:165px;height:43px;border-radius:14px;background:var(--grad);color:#fff!important;text-decoration:none;font-size:11px;font-weight:950}.about-footer-copy{text-align:center;color:#aaa3af;font-size:8px;padding:18px 0 4px}

/* SMALL SECONDARY PAGES */
.recharge-card,.withdraw-card{margin-top:15px}.history-btn:hover{color:#fff}.tx-list{padding-bottom:12px}.status-pill{white-space:nowrap}

@media(max-width:365px){
  .home-page{padding-left:11px;padding-right:11px}.home-actions{padding-left:4px;padding-right:4px}.four-stats strong{font-size:11px}.product-title{font-size:16px}.balance-panel,.profile-menu{margin-left:12px;margin-right:12px}.wallet-copy .amount{font-size:31px}.spin-disc{width:270px;height:270px}.wheel-stage{height:310px}.auth-sheet{padding-left:17px;padding-right:17px}
}


/* ADMIN LOGIN / MAINTENANCE */
.auth-wrap,.admin-login-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#deedf9,#f7f9fb 50%,#efeff3)}
.admin-login-card{width:min(410px,100%);background:#fff;border-radius:26px;padding:28px 24px;box-shadow:0 20px 50px rgba(0,74,130,.16);border:1px solid #e8eff5}.admin-login-icon{width:70px;height:70px;border-radius:20px;background:linear-gradient(140deg,#569cd1,#075795);color:#fff;display:grid;place-items:center;font-size:29px;margin:0 auto 17px;box-shadow:0 11px 23px rgba(62,13,145,.22)}.admin-login-card h2{text-align:center;font-size:23px;font-weight:950;margin:0}.admin-login-card>p{text-align:center;color:#8e8798;font-size:12px;line-height:1.5;margin:7px 0 22px}.admin-login-card label{font-size:11px;font-weight:850;color:#625a6d;margin:0 0 6px 4px}.admin-login-card .form-control{height:52px}.admin-login-card .btn{height:52px;margin-top:5px}


/* SPECIAL OFFER TOP PLAN FIX */
.top-plan-section{position:relative;border:2px solid rgba(99,48,184,.10);box-shadow:0 10px 24px rgba(0,74,130,.10)}
.top-plan-section .top-plan-badge{position:absolute;right:13px;top:10px;background:linear-gradient(180deg,#ffbe2f,#f49b11);color:#fff;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:950;letter-spacing:.08em;box-shadow:0 6px 14px rgba(210,121,8,.20)}


.special-offer-card .buy-btn{height:44px;font-size:13px}


/* Withdrawal history screenshot style */
.withdraw-history-list{padding:6px 2px 18px}
.withdraw-history-card{position:relative;margin:22px 0 16px;background:#fff;border-radius:28px;padding:78px 18px 20px;box-shadow:0 9px 22px rgba(40,17,86,.10);overflow:hidden;border:1px solid rgba(237,232,243,.72)}
.withdraw-date-ribbon{position:absolute;left:0;top:0;min-width:166px;max-width:79%;height:58px;padding:0 16px 0 18px;display:flex;align-items:center;background:linear-gradient(145deg,#56a2dc,#065a9b);color:#fff;border-radius:28px 0 24px 0;font-size:15px;font-weight:650;letter-spacing:.08em;box-shadow:0 7px 16px rgba(61,13,151,.25);white-space:nowrap}
.withdraw-row{min-height:49px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:10px;border-bottom:1px solid #e8eff5}
.withdraw-row.first{border-top:0}.withdraw-row.status{border-bottom:0;min-height:58px;padding-top:5px}
.withdraw-row span{font-size:19px;font-weight:880;color:#45414c;letter-spacing:-.03em}.withdraw-row b{justify-self:end;color:#004e8a;font-size:25px;font-weight:950;letter-spacing:.01em}.withdraw-row.fee span,.withdraw-row.fee b,.withdraw-row.status span{color:#827d89}.withdraw-row.fee b{font-size:19px;color:#77737d}.withdraw-status{justify-self:end;min-width:111px;height:43px;border-radius:12px;display:grid;place-items:center;font-style:normal;background:linear-gradient(180deg,#5ea5dc,#05599a);color:#fff;font-weight:950;font-size:19px;letter-spacing:.02em;box-shadow:0 9px 16px rgba(58,8,151,.22)}
.withdraw-status.processing{background:linear-gradient(180deg,#b79235,#916900)}.withdraw-status.rejected{background:linear-gradient(180deg,#f07575,#c92f42)}
@media(max-width:380px){.withdraw-history-card{border-radius:25px;padding:74px 15px 18px}.withdraw-date-ribbon{height:55px;min-width:156px;font-size:13.5px}.withdraw-row span{font-size:17px}.withdraw-row b{font-size:22px}.withdraw-row.fee b{font-size:18px}.withdraw-status{min-width:102px;height:40px;font-size:17px}}


/* Copy feedback */
.copy-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(12px);z-index:2200;background:linear-gradient(180deg,#0084d6,#0066b1);color:#fff;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:950;box-shadow:0 12px 26px rgba(0,74,130,.24);opacity:0;pointer-events:none;transition:.22s ease;white-space:nowrap}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.copy-btn-done{background:#0a7fc9!important;color:#fff!important;border-color:#0a7fc9!important}

.pay-copy-row{gap:8px}.pay-copy-btn{border:0;border-radius:10px;background:linear-gradient(180deg,#0084d6,#0066b1);color:#fff;font-size:10px;font-weight:950;padding:7px 10px;box-shadow:0 6px 14px rgba(0,74,130,.16)}


/* PATCH: centered Special Offer + premium My Collections */
.special-center-title{
  text-align:center;
  width:100%;
  font-size:15px;
  font-weight:950;
  letter-spacing:.02em;
  color:#075794;
  margin:2px 0 10px;
}
.special-name{display:none!important}
.collection-card.premium-plan-card{
  border:1px solid #e4eef7;
  border-radius:24px;
  padding:14px;
  background:
    radial-gradient(circle at top right,rgba(0,132,214,.10),transparent 38%),
    linear-gradient(180deg,#fff,#fafdff);
  box-shadow:0 14px 30px rgba(0,74,130,.12);
  position:relative;
  overflow:hidden;
}
.collection-card.premium-plan-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:var(--grad);
}
.collection-badge-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:2px 0 11px;
}
.plan-type-badge,.plan-status-badge{
  border-radius:999px;
  padding:6px 10px;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
}
.plan-type-badge{background:#eaf5fd;color:#075794}
.plan-status-badge{background:#eef7ff;color:#075794;border:1px solid #d9eaf7}
.plan-status-badge.status-active{background:#e7f7ef;color:#10804d;border-color:#cbeedc}
.plan-status-badge.status-completed{background:#eef5ff;color:#075794;border-color:#d5e8fb}
.plan-status-badge.status-revoked{background:#fff0f1;color:#d63f49;border-color:#ffd4d8}
.collection-product-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.collection-thumb{
  width:58px;
  height:58px;
  border-radius:18px;
  background:linear-gradient(135deg,#66b4eb,#075794);
  color:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 auto;
  box-shadow:0 10px 20px rgba(0,102,177,.18);
}
.collection-thumb img{width:100%;height:100%;object-fit:cover}
.collection-thumb i{font-size:24px}
.collection-name-wrap{min-width:0;flex:1}
.collection-name-wrap h5{
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:950;
  color:#151923;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.collection-name-wrap small{
  display:block;
  margin-top:5px;
  font-size:10px;
  font-weight:850;
  color:#7d8997;
}
.collection-highlight{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}
.collection-highlight>div{
  border-radius:17px;
  padding:12px 10px;
  background:linear-gradient(180deg,#f4faff,#eef7fd);
  border:1px solid #e1edf6;
}
.collection-highlight small{
  display:block;
  color:#7f8a97;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.collection-highlight strong{
  display:block;
  margin-top:4px;
  color:#075794;
  font-size:17px;
  line-height:1.1;
  font-weight:950;
}
.collection-stats.premium-stats{
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:10px;
}
.collection-stats.premium-stats>div{
  background:#fff;
  border:1px solid #e6f0f7;
  border-radius:14px;
  padding:9px 4px;
}
.collection-stats.premium-stats strong{
  color:#075794;
  font-size:12px;
  font-weight:950;
}
.collection-stats.premium-stats small{
  color:#8a94a1;
  font-size:8px;
  font-weight:850;
}
.premium-plan-card .collection-next{
  margin-top:11px;
  padding:10px 11px;
  border-radius:14px;
  background:#f4f9fd;
  color:#697685;
  font-size:10px;
  font-weight:850;
}


/* FINAL FORCE FIX: Special Offer title centered + product name hidden */
.top-plan-section{position:relative!important;text-align:center!important;padding-top:17px!important}
.top-plan-section .top-plan-badge{position:absolute!important;right:12px!important;top:9px!important}
.top-plan-section>h2,.top-plan-section .special-main-title{
  text-align:center!important;
  padding-right:0!important;
  margin:7px auto 14px!important;
  display:block!important;
  width:100%!important;
  font-size:21px!important;
  font-weight:950!important;
  color:#075794!important;
  letter-spacing:-.02em!important;
}
.special-offer-card .special-name,.special-name,.special-center-title{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.special-no-product-name{padding-top:0!important;text-align:center!important}
.special-no-product-name .special-image{margin-top:0!important}
.special-stats{margin-top:11px!important}

/* FINAL FORCE FIX: Premium My Collections plan/product cards */
.collection-card.premium-plan-card{
  border:1px solid #dfeaf4!important;
  border-radius:25px!important;
  padding:14px!important;
  margin-bottom:14px!important;
  background:radial-gradient(circle at top right,rgba(0,132,214,.13),transparent 42%),linear-gradient(180deg,#fff,#fafdff)!important;
  box-shadow:0 14px 31px rgba(0,74,130,.14)!important;
  position:relative!important;
  overflow:hidden!important;
}
.collection-card.premium-plan-card:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:var(--grad)!important}
.collection-badge-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:3px 0 12px!important}
.plan-type-badge,.plan-status-badge{border-radius:999px!important;padding:6px 10px!important;font-size:9px!important;line-height:1!important;font-weight:950!important;letter-spacing:.07em!important;white-space:nowrap!important}
.plan-type-badge{background:#eaf5fd!important;color:#075794!important}.plan-status-badge{background:#eef7ff!important;color:#075794!important;border:1px solid #d9eaf7!important}.plan-status-badge.status-active{background:#e7f7ef!important;color:#10804d!important;border-color:#cbeedc!important}.plan-status-badge.status-completed{background:#eef5ff!important;color:#075794!important;border-color:#d5e8fb!important}.plan-status-badge.status-revoked{background:#fff0f1!important;color:#d63f49!important;border-color:#ffd4d8!important}
.collection-product-row{display:flex!important;align-items:center!important;gap:12px!important}.collection-thumb{width:59px!important;height:59px!important;border-radius:18px!important;background:linear-gradient(135deg,#66b4eb,#075794)!important;color:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 auto!important;box-shadow:0 10px 21px rgba(0,102,177,.20)!important}.collection-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.collection-thumb i{font-size:25px!important}.collection-name-wrap{min-width:0!important;flex:1!important}.collection-name-wrap h5{margin:0!important;font-size:15px!important;line-height:1.25!important;font-weight:950!important;color:#151923!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.collection-name-wrap small{display:block!important;margin-top:6px!important;font-size:10px!important;font-weight:850!important;color:#7d8997!important}
.collection-big-return{margin-top:13px!important;border-radius:18px!important;padding:13px 12px!important;background:linear-gradient(115deg,#f4faff,#eaf5fd)!important;border:1px solid #dcebf6!important;text-align:center!important}.collection-big-return span{display:block!important;font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#738392!important}.collection-big-return strong{display:block!important;margin-top:6px!important;font-size:24px!important;line-height:1!important;font-weight:950!important;color:#075794!important}
.collection-stats.collection-four-only{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-top:10px!important}.collection-stats.collection-four-only>div{background:#fff!important;border:1px solid #e5f0f8!important;border-radius:15px!important;padding:10px 4px!important;text-align:center!important}.collection-stats.collection-four-only strong{display:block!important;color:#075794!important;font-size:12px!important;line-height:1.15!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.collection-stats.collection-four-only small{display:block!important;color:#8a94a1!important;font-size:8px!important;font-weight:850!important;margin-top:3px!important}
.collection-progress{height:7px!important;border-radius:999px!important;background:#e9f2f9!important;overflow:hidden!important;margin-top:12px!important}.collection-progress>div{height:100%!important;border-radius:999px!important;background:var(--grad)!important}
.premium-plan-card .collection-next{margin-top:10px!important;padding:10px 11px!important;border-radius:15px!important;background:#f4f9fd!important;color:#697685!important;font-size:10px!important;font-weight:850!important;display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}.premium-plan-card .collection-next i{color:#075794!important}.premium-plan-card .collection-next span{margin-left:auto!important;color:#075794!important;font-weight:950!important}


/* PATCH: Spin winner ticker generated display */
.winner-track{display:inline-flex;align-items:center;gap:16px;padding-left:10px;min-width:max-content}
.ticker-item{display:inline-flex;align-items:center;gap:4px;padding-right:6px;color:#5d6875;font-weight:850}
.ticker-item b{color:#075794;font-weight:950}
.ticker-item em{font-style:normal;font-size:8px;line-height:1;border-radius:999px;padding:3px 5px;background:#eaf5fd;color:#075794;font-weight:950;letter-spacing:.08em;text-transform:uppercase}


/* spin ticker cleanup */
.demo-label,.spin-demo-label,.winner-demo{display:none!important}
.winner-track,.ticker-track,.spin-ticker-track,.winner-marquee{animation-duration:30s!important;animation-timing-function:linear!important}


/* PATCH: gateway recharge status / success popup */
.gateway-status-card{padding:30px 20px;border-radius:26px}
.gateway-loader{width:76px;height:76px;border-radius:50%;margin:3px auto 18px;display:grid;place-items:center;background:linear-gradient(180deg,#e9f6ff,#fff);color:#075794;border:1px solid #d8ecfb;box-shadow:0 12px 28px rgba(0,102,177,.14)}
.gateway-loader i{font-size:35px;animation:gatewaySpin 1.1s linear infinite}
.gateway-loader.success{background:#e8fff2;color:#12a05e}
.gateway-loader.failed{background:#fff0f2;color:#d9434b}
.gateway-loader.success i,.gateway-loader.failed i{animation:none}
@keyframes gatewaySpin{to{transform:rotate(360deg)}}
.gateway-amount{display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:44px;padding:0 24px;border-radius:999px;background:var(--grad);color:#fff;font-size:20px;font-weight:950;box-shadow:0 9px 20px rgba(0,102,177,.20)}
.gateway-countdown{margin-top:13px;font-size:12px;font-weight:900;color:#68798a;background:#f4f9fd;border:1px solid #e2eef8;border-radius:14px;padding:10px}
.gateway-result-icon{width:76px;height:76px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font-size:42px}
.gateway-result-icon.success{background:#e8fff2;color:#12a05e}
.gateway-result-icon.failed{background:#fff0f2;color:#d9434b}


/* PATCH: spin issue fix - random winner ticker visible, no Demo label */
.ticker-demo{display:inline-flex!important}
.demo-label,.spin-demo-label,.winner-demo{display:none!important}
.winner-track{animation-duration:30s!important;animation-timing-function:linear!important}


/* PATCH: Spin UI layout restore - exact page spacing */
.spin-page{
  min-height:100dvh!important;
  background:#fff!important;
  padding-bottom:14px!important;
  overflow:hidden!important;
}
.spin-page-head{
  height:142px!important;
  padding:24px 18px 34px!important;
  background:linear-gradient(120deg,#1a75b8 0%,#075794 62%,#033b68 100%)!important;
  color:#fff!important;
  border-radius:0 0 30px 30px!important;
  position:relative!important;
  overflow:hidden!important;
  z-index:1!important;
}
.spin-page-head:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:repeating-conic-gradient(from 0deg at 50% 100%,rgba(255,255,255,.055) 0 9deg,transparent 9deg 18deg)!important;
  opacity:.9!important;
}
.spin-page-head h2{
  position:relative!important;
  margin:0 112px 6px 0!important;
  font-size:27px!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
.spin-page-head p{
  position:relative!important;
  margin:0!important;
  max-width:205px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  opacity:.86!important;
}
.history-btn{
  position:absolute!important;
  right:16px!important;
  top:25px!important;
  min-width:92px!important;
  height:37px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:950!important;
  z-index:3!important;
}
.winner-ticker{
  height:49px!important;
  margin:-24px 14px 0!important;
  position:relative!important;
  z-index:10!important;
  background:#fff!important;
  border:1px solid #dce8f2!important;
  border-radius:19px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  box-shadow:0 10px 22px rgba(0,74,130,.11)!important;
}
.winner-icon{
  width:49px!important;
  height:49px!important;
  flex:0 0 49px!important;
  background:linear-gradient(180deg,#3e91cd,#075794)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:19px!important;
  border-radius:18px 0 0 18px!important;
}
.winner-track{
  height:100%!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:34px!important;
  white-space:nowrap!important;
  padding:0!important;
  margin:0!important;
  color:#5f6270!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  position:relative!important;
  animation:winnerTicker 30s linear infinite!important;
  will-change:transform!important;
}
.ticker-item,.ticker-demo{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:4px!important;
}
.ticker-item b{color:#075794!important;font-size:13px!important;font-weight:950!important}
@keyframes winnerTicker{from{transform:translateX(105%)}to{transform:translateX(-115%)}}
.wheel-stage{
  height:330px!important;
  padding-top:32px!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
  z-index:1!important;
}
.wheel-pointer{
  position:absolute!important;
  top:11px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
  color:#146aaa!important;
  font-size:43px!important;
  line-height:1!important;
  filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 8px 10px rgba(0,74,130,.18))!important;
}
.spin-disc{
  width:286px!important;
  height:286px!important;
  flex:0 0 286px!important;
  border-radius:50%!important;
  position:relative!important;
  margin:0 auto!important;
  background:repeating-conic-gradient(from -22.5deg,#fbfdff 0 45deg,#e9f2f8 45deg 90deg)!important;
  border:11px solid #286899!important;
  box-shadow:0 0 0 7px #78abd1,0 14px 31px rgba(0,74,130,.20)!important;
  transition:transform 4.3s cubic-bezier(.12,.65,.08,1)!important;
  transform-origin:center center!important;
  overflow:hidden!important;
}
.spin-disc:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  background:repeating-conic-gradient(transparent 0 20deg,#fff 20deg 22deg,transparent 22deg 45deg)!important;
  mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%)!important;
  z-index:1!important;
}
.spin-disc:after{
  content:""!important;
  position:absolute!important;
  inset:82px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#3d91cd,#074677)!important;
  border:6px solid #d6eafa!important;
  box-shadow:0 0 0 5px #fff!important;
  z-index:3!important;
}
.wheel-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:9!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  pointer-events:none!important;
}
.wheel-slot{
  position:absolute!important;
  width:78px!important;
  text-align:center!important;
  color:#18354b!important;
  font-size:9.5px!important;
  font-weight:950!important;
  line-height:1.15!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;
}
.wheel-slot span{display:block!important;max-height:30px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wheel-slot small{display:block!important;color:#808693!important;font-size:6.6px!important;letter-spacing:.13em!important;margin-top:3px!important;font-weight:950!important}
.wheel-slot:nth-child(1){transform:translate(-44px,-119px)}
.wheel-slot:nth-child(2){transform:translate(30px,-94px)}
.wheel-slot:nth-child(3){transform:translate(54px,-24px)}
.wheel-slot:nth-child(4){transform:translate(30px,43px)}
.wheel-slot:nth-child(5){transform:translate(-44px,68px)}
.wheel-slot:nth-child(6){transform:translate(-118px,43px)}
.wheel-slot:nth-child(7){transform:translate(-142px,-24px)}
.wheel-slot:nth-child(8){transform:translate(-118px,-94px)}
.spin-summary{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 14px 13px!important;
  position:relative!important;
  z-index:2!important;
}
.spin-stat{
  min-height:94px!important;
  border-radius:20px!important;
  padding:13px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#164b74 0%,#082f50 100%)!important;
  box-shadow:0 10px 23px rgba(0,74,130,.13)!important;
  overflow:hidden!important;
}
.spin-stat.balance{background:linear-gradient(135deg,#58a2d5,#075a99)!important}
.spin-stat-icon{width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:18px!important;flex:0 0 42px!important}
.spin-stat span{font-size:8px!important;letter-spacing:.10em!important;font-weight:950!important;opacity:.88!important;display:block!important}
.spin-stat b{display:block!important;font-size:23px!important;line-height:1.05!important;font-weight:950!important;margin-top:4px!important}
.spin-stat small{display:block!important;color:#88bee5!important;font-size:8px!important;line-height:1.25!important;margin-top:6px!important;font-weight:850!important}
.spin-action{margin:0 14px!important;position:relative!important;z-index:2!important}
.spin-action button{width:100%!important;height:54px!important;border:0!important;border-radius:18px!important;background:linear-gradient(180deg,#72b4e7,#0b61a0)!important;color:#fff!important;font-size:17px!important;font-weight:950!important;box-shadow:0 9px 19px rgba(0,74,130,.22)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;overflow:hidden!important}
.spin-note{text-align:center!important;color:#075794!important;font-size:11px!important;font-weight:900!important;margin:12px 14px 4px!important;line-height:1.3!important}
.spin-message{position:fixed!important;top:82px!important;left:50%!important;transform:translateX(-50%)!important;z-index:2500!important;width:min(290px,calc(100% - 56px))!important;padding:14px 18px!important;border-radius:18px!important;background:#2c7fbc!important;color:#fff!important;text-align:center!important;font-size:13px!important;line-height:1.45!important;font-weight:950!important;box-shadow:0 13px 29px rgba(0,74,130,.26)!important}
@media(max-width:365px){
 .spin-page-head{height:132px!important;padding-top:20px!important}
 .spin-page-head h2{font-size:24px!important;margin-right:100px!important}
 .history-btn{right:12px!important;top:21px!important;min-width:86px!important;height:34px!important;font-size:11px!important}
 .winner-ticker{margin-left:11px!important;margin-right:11px!important}
 .wheel-stage{height:307px!important;padding-top:30px!important}
 .spin-disc{width:265px!important;height:265px!important;flex-basis:265px!important}
 .spin-disc:after{inset:76px!important}
 .wheel-slot{font-size:8.5px!important;width:72px!important}
 .wheel-slot:nth-child(1){transform:translate(-44px,-119px)}
 .wheel-slot:nth-child(2){transform:translate(30px,-94px)}
 .wheel-slot:nth-child(3){transform:translate(54px,-24px)}
 .wheel-slot:nth-child(4){transform:translate(30px,43px)}
 .wheel-slot:nth-child(5){transform:translate(-44px,68px)}
 .wheel-slot:nth-child(6){transform:translate(-118px,43px)}
 .wheel-slot:nth-child(7){transform:translate(-142px,-24px)}
 .wheel-slot:nth-child(8){transform:translate(-118px,-94px)}
 .spin-stat{min-height:88px!important;padding:11px 9px!important}.spin-stat b{font-size:20px!important}.spin-action button{height:51px!important}
}


/* PATCH: spin wheel text readable + ticker slightly faster */
.winner-track{animation-duration:30s!important}
.ticker-demo{display:inline-flex!important}
.wheel-slot{
  width:88px!important;
  overflow:visible!important;
  font-size:8.3px!important;
  line-height:1.12!important;
}
.wheel-slot span{
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  display:block!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}
.wheel-slot small{
  font-size:6.2px!important;
  letter-spacing:.08em!important;
  margin-top:2px!important;
}
.wheel-slot:nth-child(1){transform:translate(-44px,-119px)!important}
.wheel-slot:nth-child(2){transform:translate(30px,-94px)!important}
.wheel-slot:nth-child(3){transform:translate(54px,-24px)!important}
.wheel-slot:nth-child(4){transform:translate(30px,43px)!important}
.wheel-slot:nth-child(5){transform:translate(-44px,68px)!important}
.wheel-slot:nth-child(6){transform:translate(-118px,43px)!important}
.wheel-slot:nth-child(7){transform:translate(-142px,-24px)!important}
.wheel-slot:nth-child(8){transform:translate(-118px,-94px)!important}


/* PATCH: premium centered spin wheel labels */
.spin-disc{
  width:292px!important;
  height:292px!important;
  overflow:visible!important;
  border-width:10px!important;
  background:repeating-conic-gradient(from -22.5deg,#ffffff 0 45deg,#e8f3fb 45deg 90deg)!important;
}
.spin-disc:after{
  inset:96px!important;
  z-index:3!important;
  background:linear-gradient(180deg,#2f83c7,#044f87)!important;
  border:5px solid #d9ecfb!important;
  box-shadow:0 0 0 5px #fff,0 8px 18px rgba(0,74,130,.18)!important;
}
.wheel-center{
  z-index:7!important;
  font-size:19px!important;
  letter-spacing:.02em!important;
}
.wheel-slot{
  width:66px!important;
  min-height:35px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  overflow:visible!important;
  z-index:5!important;
  color:#063d69!important;
  pointer-events:none!important;
}
.wheel-slot span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  min-height:22px!important;
  padding:3px 5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(0,102,177,.12)!important;
  box-shadow:0 4px 9px rgba(0,74,130,.10)!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:visible!important;
  max-height:none!important;
  text-shadow:none!important;
}
.wheel-slot small{
  margin-top:2px!important;
  font-size:5.5px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  color:#547f9f!important;
  font-weight:950!important;
  background:rgba(255,255,255,.68)!important;
  border-radius:999px!important;
  padding:2px 5px!important;
}
.wheel-slot:nth-child(1){transform:translate(-33px,-126px)!important}
.wheel-slot:nth-child(2){transform:translate(44px,-92px)!important}
.wheel-slot:nth-child(3){transform:translate(70px,-18px)!important}
.wheel-slot:nth-child(4){transform:translate(44px,55px)!important}
.wheel-slot:nth-child(5){transform:translate(-33px,84px)!important}
.wheel-slot:nth-child(6){transform:translate(-111px,55px)!important}
.wheel-slot:nth-child(7){transform:translate(-137px,-18px)!important}
.wheel-slot:nth-child(8){transform:translate(-111px,-92px)!important}
@media(max-width:360px){
 .spin-disc{width:282px!important;height:282px!important}
 .wheel-slot span{width:60px!important;font-size:8.5px!important}
 .wheel-slot:nth-child(1){transform:translate(-30px,-121px)!important}
 .wheel-slot:nth-child(2){transform:translate(42px,-88px)!important}
 .wheel-slot:nth-child(3){transform:translate(66px,-18px)!important}
 .wheel-slot:nth-child(4){transform:translate(42px,52px)!important}
 .wheel-slot:nth-child(5){transform:translate(-30px,78px)!important}
 .wheel-slot:nth-child(6){transform:translate(-105px,52px)!important}
 .wheel-slot:nth-child(7){transform:translate(-129px,-18px)!important}
 .wheel-slot:nth-child(8){transform:translate(-105px,-88px)!important}
}


/* PATCH: bottom nav fixed on all logged-in user pages */
.app-shell.has-bottom-nav{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  z-index:3000!important;
}
.secondary-sticky{bottom:calc(86px + env(safe-area-inset-bottom))!important}


/* =========================================================
   LUCKY DRAW — RESPONSIVE PERFECT ROUND WHEEL
   Keeps the existing theme; only wheel geometry
   is normalized so it stays circular on every screen size.
   ========================================================= */
.spin-page .wheel-stage{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:24px 10px 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.spin-page .spin-disc{
  position:relative!important;
  width:min(82vw,520px)!important;
  height:min(82vw,520px)!important;
  max-width:520px!important;
  max-height:520px!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform-origin:center center!important;
}
.spin-page .spin-disc:after{
  inset:28%!important;
  border-radius:50%!important;
  z-index:3!important;
}
.spin-page .wheel-center{
  left:50%!important;
  top:50%!important;
  width:clamp(62px,15%,88px)!important;
  height:clamp(62px,15%,88px)!important;
  transform:translate(-50%,-50%)!important;
  z-index:6!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
.spin-page .wheel-slot{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  width:24%!important;
  max-width:130px!important;
  margin:0!important;
  padding:0!important;
  z-index:2!important;
  text-align:center!important;
  line-height:1.12!important;
  transform:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.spin-page .wheel-slot span{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  font-size:clamp(9px,1.65vw,15px)!important;
  line-height:1.15!important;
}
.spin-page .wheel-slot small{
  display:block!important;
  margin-top:3px!important;
  font-size:clamp(6px,1vw,10px)!important;
  line-height:1!important;
}
/* 8 scalable positions around the circle */
.spin-page .wheel-slot:nth-child(1){left:38%!important;top:8%!important}
.spin-page .wheel-slot:nth-child(2){left:66%!important;top:20%!important}
.spin-page .wheel-slot:nth-child(3){left:72%!important;top:45%!important}
.spin-page .wheel-slot:nth-child(4){left:66%!important;top:70%!important}
.spin-page .wheel-slot:nth-child(5){left:38%!important;top:82%!important}
.spin-page .wheel-slot:nth-child(6){left:10%!important;top:70%!important}
.spin-page .wheel-slot:nth-child(7){left:4%!important;top:45%!important}
.spin-page .wheel-slot:nth-child(8){left:10%!important;top:20%!important}
.spin-page .wheel-pointer{
  position:absolute!important;
  left:50%!important;
  top:3px!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.spin-page .wheel-pointer i{font-size:34px!important;line-height:1!important}

@media(max-width:768px){
  .spin-page .wheel-stage{padding:18px 5px 25px!important}
  .spin-page .spin-disc{
    width:min(88vw,450px)!important;
    height:min(88vw,450px)!important;
    max-width:450px!important;
    max-height:450px!important;
  }
  .spin-page .wheel-pointer{top:0!important;width:36px!important;height:36px!important}
  .spin-page .wheel-pointer i{font-size:30px!important}
}

@media(max-width:480px){
  .spin-page .wheel-stage{padding:12px 0 22px!important}
  .spin-page .spin-disc{
    width:calc(100vw - 30px)!important;
    height:calc(100vw - 30px)!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }
  .spin-page .spin-disc:after{inset:27%!important}
  .spin-page .wheel-center{
    width:64px!important;
    height:64px!important;
    font-size:12px!important;
  }
  .spin-page .wheel-slot span{font-size:9px!important}
  .spin-page .wheel-slot small{font-size:6px!important}
  .spin-page .wheel-pointer{top:-1px!important;width:34px!important;height:34px!important}
  .spin-page .wheel-pointer i{font-size:28px!important}
}

@media(max-width:360px){
  .spin-page .spin-disc{
    width:calc(100vw - 22px)!important;
    height:calc(100vw - 22px)!important;
  }
  .spin-page .wheel-center{width:58px!important;height:58px!important;font-size:11px!important}
  .spin-page .wheel-slot span{font-size:8px!important}
  .spin-page .wheel-slot small{font-size:5.5px!important}
}

/* Invite URL opens the existing Register tab while preserving referral code. */

/* Banner sizing: admin uploads stay responsive without cropping */
.auth-visual{height:auto;aspect-ratio:16/9;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;}
.auth-visual-overlay{pointer-events:none;}
.share-hero.has-invite-banner{background:transparent;}
.share-hero-image{width:100%;line-height:0;overflow:hidden;background:#08538c;}
.share-hero-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
.share-commission{position:relative;text-align:center;}
.share-commission>div{justify-content:center;align-items:center;}
.share-commission>span{text-align:center;}
.team-hero{height:auto;min-height:0;aspect-ratio:3/1;background-image:none!important;background:#075692;overflow:hidden;}
.team-hero:before{content:"";position:absolute;inset:0;background-image:var(--team-banner-image);background-size:contain;background-repeat:no-repeat;background-position:center;}
.team-hero:after{z-index:1;}
.team-metrics{z-index:2;}
@media(max-width:480px){.share-hero-image img{height:auto;}.team-hero{aspect-ratio:3/1;}.team-metrics{top:50%;transform:translateY(-50%);height:70px;left:10px;right:10px;}.team-metrics b{font-size:20px;}.team-metrics span{font-size:7px;}.spin-disc{width:min(88vw,400px)!important;height:min(88vw,400px)!important;}}

.team-hero .team-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:0;}

/* =========================================================
   FINAL TEAM + LUCKY DRAW POLISH
   ========================================================= */
.team-hero{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/1!important;
  overflow:hidden!important;
  background:#075692!important;
}
.team-hero:before{
  display:none!important;
}
.team-hero .team-banner-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  z-index:0!important;
}
.team-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.16))!important;
  pointer-events:none!important;
}
.team-metrics{
  z-index:2!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.team-invite-card{
  margin:18px 14px 13px!important;
  position:relative!important;
  z-index:3!important;
}

/* Medium wheel: circular on every viewport, without becoming oversized */
.spin-page .wheel-stage{
  padding:18px 10px 24px!important;
}
.spin-page .spin-disc{
  width:min(72vw,410px)!important;
  height:min(72vw,410px)!important;
  max-width:410px!important;
  max-height:410px!important;
  aspect-ratio:1/1!important;
}
.spin-page .wheel-pointer{
  top:0!important;
  width:38px!important;
  height:38px!important;
}
.spin-page .wheel-pointer i{
  font-size:31px!important;
}

@media(max-width:768px){
  .spin-page .spin-disc{
    width:min(76vw,390px)!important;
    height:min(76vw,390px)!important;
    max-width:390px!important;
    max-height:390px!important;
  }
}

@media(max-width:480px){
  .team-invite-card{
    margin:22px 14px 13px!important;
  }
  .spin-page .wheel-stage{
    padding:12px 0 22px!important;
  }
  .spin-page .spin-disc{
    width:calc(100vw - 40px)!important;
    height:calc(100vw - 40px)!important;
    max-width:390px!important;
    max-height:390px!important;
    aspect-ratio:1/1!important;
  }
  .spin-page .spin-disc:after{
    inset:27%!important;
  }
  .spin-page .wheel-center{
    width:60px!important;
    height:60px!important;
    font-size:12px!important;
  }
  .spin-page .wheel-pointer{
    top:-1px!important;
    width:34px!important;
    height:34px!important;
  }
  .spin-page .wheel-pointer i{
    font-size:28px!important;
  }
}

@media(max-width:360px){
  .spin-page .spin-disc{
    width:calc(100vw - 28px)!important;
    height:calc(100vw - 28px)!important;
  }
}


/* =========================================================
   FINAL LUCKY DRAW SMALL-WHEEL + FAST PREMIUM TICKER
   Wheel is ~50% of the previous desktop max size.
   Geometry is scaled independently so labels remain visible.
   ========================================================= */
.spin-page .wheel-stage{
  min-height:248px!important;
  padding:14px 8px 20px!important;
}
.spin-page .spin-disc{
  width:205px!important;
  height:205px!important;
  max-width:205px!important;
  max-height:205px!important;
  aspect-ratio:1/1!important;
  flex:0 0 205px!important;
  border-width:8px!important;
  box-shadow:0 0 0 5px #77a8cd,0 10px 22px rgba(45,9,107,.18)!important;
}
.spin-page .spin-disc:before{inset:-5px!important}
.spin-page .spin-disc:after{
  inset:27%!important;
  border-width:4px!important;
  box-shadow:0 0 0 3px #fff!important;
}
.spin-page .wheel-slot{
  width:62px!important;
  max-width:62px!important;
  font-size:7.4px!important;
  line-height:1.12!important;
  word-break:normal!important;
  overflow:visible!important;
  white-space:normal!important;
}
.spin-page .wheel-slot span{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
.spin-page .wheel-slot small{
  font-size:5.3px!important;
  margin-top:1px!important;
  letter-spacing:.05em!important;
}
.spin-page .wheel-slot:nth-child(1){transform:translate(-31px,-86px)!important}
.spin-page .wheel-slot:nth-child(2){transform:translate(20px,-67px)!important}
.spin-page .wheel-slot:nth-child(3){transform:translate(46px,-16px)!important}
.spin-page .wheel-slot:nth-child(4){transform:translate(20px,35px)!important}
.spin-page .wheel-slot:nth-child(5){transform:translate(-31px,49px)!important}
.spin-page .wheel-slot:nth-child(6){transform:translate(-82px,35px)!important}
.spin-page .wheel-slot:nth-child(7){transform:translate(-108px,-16px)!important}
.spin-page .wheel-slot:nth-child(8){transform:translate(-82px,-67px)!important}
.spin-page .wheel-center{
  width:46px!important;
  height:46px!important;
  font-size:11px!important;
}
.spin-page .wheel-pointer{
  top:3px!important;
  width:30px!important;
  height:30px!important;
}
.spin-page .wheel-pointer i{font-size:24px!important}
.winner-track{
  animation-duration:16s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  will-change:transform!important;
}
@media(max-width:480px){
  .spin-page .wheel-stage{min-height:235px!important;padding:10px 0 18px!important}
  .spin-page .spin-disc{width:205px!important;height:205px!important;max-width:205px!important;max-height:205px!important;flex-basis:205px!important}
  .spin-page .wheel-center{width:44px!important;height:44px!important;font-size:10.5px!important}
  .spin-page .wheel-pointer{top:1px!important;width:28px!important;height:28px!important}
  .spin-page .wheel-pointer i{font-size:22px!important}
}


/* FINAL SPIN FIX: admin prize labels + continuous 10s ticker */
.spin-page .winner-track{animation-duration:320s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;will-change:transform!important;}
.spin-page .wheel-slot{width:58px!important;max-width:58px!important;font-size:7.8px!important;line-height:1.12!important;text-align:center!important;overflow:visible!important;white-space:normal!important;}
.spin-page .wheel-slot span{display:block!important;max-height:none!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.spin-page .wheel-slot small{font-size:5px!important;line-height:1.05!important;}
@media(max-width:480px){.spin-page .winner-track{animation-duration:320s!important}.spin-page .wheel-slot{width:54px!important;max-width:54px!important;font-size:7.3px!important}.spin-page .wheel-slot small{font-size:4.8px!important}}

/* FINAL TICKER FIX: seamless infinite random marquee, no blink/gap */
.spin-page .winner-ticker-viewport{
  flex:1 1 auto!important;min-width:0!important;height:100%!important;overflow:hidden!important;position:relative!important;
}
.spin-page .winner-track{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;
  width:max-content!important;min-width:max-content!important;height:100%!important;padding:0!important;margin:0!important;
  animation:spinSeamlessTicker 10s linear infinite!important;will-change:transform!important;
}
.spin-page .winner-set{
  display:flex!important;align-items:center!important;gap:34px!important;flex:0 0 auto!important;
  height:100%!important;padding:0 17px!important;
}
.spin-page .winner-track .ticker-item{flex:0 0 auto!important;white-space:nowrap!important}
@keyframes spinSeamlessTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:480px){.spin-page .winner-track{animation-duration:320s!important}.spin-page .winner-set{gap:25px!important;padding:0 12px!important}}

.duplicate-number-content{border:0;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(20,35,70,.22)}
.duplicate-number-content .modal-body{padding:26px 20px 22px}
.duplicate-number-icon{width:62px;height:62px;border-radius:20px;margin:0 auto 13px;display:grid;place-items:center;background:#fff1f1;color:#dc3545;font-size:25px}
.duplicate-number-title{font-size:19px;font-weight:900;margin-bottom:7px;color:#16213a}
.duplicate-number-text{font-size:13px;line-height:1.55;color:#6f7788;margin:0 auto 18px;max-width:280px}
.duplicate-number-actions{display:flex;gap:9px}
.duplicate-number-actions .btn{border-radius:12px;font-weight:800;padding:10px 12px}

/* =========================================================
   TOYOTA REBUILD — premium graphite / white user theme
   Layout and component structure stay intact; only visual skin is overridden.
   ========================================================= */
:root{
  --p:#4b5158;--p2:#737a82;--p3:#aeb5bb;--deep:#20252a;--ink:#171a1d;--muted:#7d858d;
  --bg:#f2f3f4;--card:#ffffff;--line:#e1e4e7;--soft:#f0f1f2;--danger:#d84b55;--gold:#b8bec4;
  --shadow:0 14px 34px rgba(20,25,30,.10);--grad:linear-gradient(135deg,#171a1d 0%,#4e555c 52%,#aeb4ba 100%);
}
body{background:#e8eaec;color:var(--ink)}
.app-shell{background:linear-gradient(180deg,#fafafa 0%,#f1f2f3 100%);box-shadow:0 0 50px rgba(20,24,28,.12)}
.card-premium,.product-card,.special-offer-card,.form-card{border-color:#e1e4e7;box-shadow:0 14px 34px rgba(20,25,30,.08)}
.screen-head{background:linear-gradient(118deg,#15181b,#4d545a 60%,#969da3);box-shadow:0 7px 20px rgba(20,25,30,.13)}
.main-page-title{background:linear-gradient(118deg,#22262a,#5b6269)}
.bottom-nav{border-top-color:#dfe2e5;box-shadow:0 -9px 28px rgba(20,25,30,.09)}
.bottom-nav>a.active{color:#33393f}.bottom-nav>a.active:after{background:#444b52}
.center-action span{background:repeating-conic-gradient(from -22.5deg,#555c63 0 22.5deg,#fff 22.5deg 45deg);border-color:#555c63;outline-color:#aab0b5;box-shadow:0 8px 20px rgba(20,25,30,.24),0 0 0 5px #fff}
.center-action span:after{background:radial-gradient(circle,#f8f8f8 0 28%,#555c63 29% 61%,#aab0b5 63%)}
.btn-bmw{background:var(--grad)!important;box-shadow:0 10px 22px rgba(20,25,30,.18)!important}
.btn-soft{border-color:#d8dde1!important;background:#f7f7f8!important;color:#3e464d!important}
.form-control,.form-select{border-color:#dfe3e6;background:#fafafa}.form-control:focus,.form-select:focus{border-color:#777f86;box-shadow:0 0 0 .2rem rgba(80,88,96,.10)}
.product-title{color:#1d2226!important}.four-stats>div{background:linear-gradient(145deg,#fff,#f5f6f7)!important;border-color:#e3e6e8!important}.four-stats strong{color:#30373d!important}.four-stats span{color:#8a9299!important}
.buy-btn{background:var(--grad)!important;box-shadow:0 9px 18px rgba(20,25,30,.16)!important}
.plan-tabs{background:#e9ebed!important;border-color:#dde1e4!important}.plan-tabs button.active{background:#fff!important;color:#24292e!important;box-shadow:0 5px 14px rgba(20,25,30,.08)!important}
.purchase-limit-strip{display:flex;align-items:center;gap:7px;margin:10px 0 2px;padding:9px 11px;border-radius:13px;background:linear-gradient(135deg,#f7f7f8,#eceeef);border:1px solid #dfe2e5;color:#777f86;font-size:10px;font-weight:800}.purchase-limit-strip i{color:#4f575e;font-size:12px}.purchase-limit-strip strong{margin-left:auto;color:#242a2f;font-size:11px}.purchase-limit-strip.is-reached{background:linear-gradient(135deg,#f1f1f2,#e3e5e7);border-color:#cfd3d7}.purchase-limit-strip.is-reached strong{color:#8a343b}
.quick-required-modal{border:1px solid #e1e4e7!important;box-shadow:0 20px 50px rgba(20,25,30,.18)!important}.quick-lock{background:linear-gradient(145deg,#eef0f2,#dfe2e5)!important;color:#3e464d!important}
.special-main-title,.top-plan-badge{color:#30373d!important}.special-offer-card{background:#fff!important}.countdown-panel{background:rgba(22,25,28,.88)!important}
.home-actions a span{background:linear-gradient(145deg,#fff,#e5e7e9)!important;border-color:#dfe2e5!important;color:#444b51!important;box-shadow:0 9px 18px rgba(20,25,30,.08)!important}.home-actions a b{color:#646c73!important}
.login-toast{background:#272c30!important}
.auth-visual{background:linear-gradient(135deg,#e4e6e8,#aeb4b9)}
.sticky-action{background:rgba(255,255,255,.94)!important;border-top-color:#e0e3e6!important}
/* Toyota-style restrained metallic accents */
.text-primary,.text-info{color:#454c52!important}.bg-primary,.bg-info{background:#4d555c!important}


/* FINAL TOYOTA UI POLISH — graphite / white / metallic, no legacy blue-green accents */
body{background:linear-gradient(180deg,#f7f8f9 0%,#e7e9eb 100%)!important;color:#202428!important}
.app-shell{background:linear-gradient(180deg,#ffffff 0%,#f1f2f3 100%)!important}
.home-page,.special-section,.product-card,.form-card,.card-premium{background:rgba(255,255,255,.96)!important}
.home-banner,.special-image,.product-image{background:linear-gradient(135deg,#dfe2e5,#6b7278 52%,#1f2428)!important;box-shadow:0 12px 28px rgba(25,29,33,.12)!important}
.home-actions,.plan-tabs{background:linear-gradient(145deg,#ffffff,#eceeef)!important;border:1px solid #e0e3e5!important}
.home-actions a,.home-actions a b{color:#4b5258!important}.home-actions a span{color:#343a40!important;background:linear-gradient(145deg,#ffffff,#e1e4e7)!important}
.plan-tabs button{color:#858b91!important}.plan-tabs button.active{background:linear-gradient(135deg,#171b1e,#555c62 58%,#aeb4b9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(20,25,30,.18)!important}
.product-title,.special-main-title,.top-plan-badge{color:#24292d!important}
.four-stats>div{background:linear-gradient(145deg,#ffffff,#f0f1f2)!important;border:1px solid #e2e5e7!important}
.four-stats strong{color:#343a3f!important}.four-stats span{color:#7b838a!important}.price-stat strong{font-size:17px!important}.price-stat del{display:block;color:#92989d;font-size:11px;line-height:1.1;margin:0 0 2px;text-decoration-thickness:1.5px}.price-stat span{margin-top:3px!important}
.buy-btn{background:linear-gradient(135deg,#171b1e 0%,#4e555b 55%,#b1b6bb 100%)!important;color:#fff!important;box-shadow:0 10px 20px rgba(20,25,30,.18)!important}.buy-btn span{font-weight:950}.buy-btn del{margin-left:7px;color:rgba(255,255,255,.62);font-weight:700;text-decoration-thickness:1.5px}
.purchase-limit-strip{background:linear-gradient(145deg,#f8f9fa,#e7e9eb)!important;border-color:#d9dde0!important;color:#70777d!important}.purchase-limit-strip strong{color:#2d3338!important}.purchase-limit-strip.is-reached{background:linear-gradient(145deg,#f1f1f2,#dedfe1)!important;border-color:#c8ccd0!important}.purchase-limit-strip.is-reached strong{color:#7a343a!important}
.countdown-panel{background:rgba(255,255,255,.94)!important;border:1px solid #d9dde0!important;box-shadow:0 12px 26px rgba(20,25,30,.16)!important}.countdown-panel .label{color:#555d64!important}.countdown-numbers b{background:linear-gradient(135deg,#1b1f23,#666d73)!important;color:#fff!important;box-shadow:0 6px 14px rgba(20,25,30,.16)!important}.countdown-numbers em{color:#6f777d!important}
.quick-required-modal{background:#fff!important;border-color:#dfe2e4!important}.quick-lock{background:linear-gradient(145deg,#f2f3f4,#dfe2e4)!important;color:#3e454a!important}
.screen-head{background:linear-gradient(118deg,#15191c,#4f565c 62%,#a1a7ac)!important}.main-page-title{background:linear-gradient(118deg,#22272b,#626970)!important}.btn-bmw{background:linear-gradient(135deg,#171b1e,#555c62 55%,#aeb4b9)!important}
.bottom-nav>a.active{color:#343a3f!important}.bottom-nav>a.active:after{background:#4b5258!important}
.form-control:focus,.form-select:focus{border-color:#70777d!important;box-shadow:0 0 0 .2rem rgba(80,86,92,.10)!important}
.text-primary,.text-info,.text-success{color:#454c52!important}.bg-primary,.bg-info,.bg-success{background:#4d555c!important}


/* PROFILE HEADER — admin-controlled cover image with automatic fit + readable overlay */
.profile-hero{
  background:linear-gradient(120deg,rgba(20,24,28,.96),rgba(63,69,75,.78) 58%,rgba(174,180,185,.62)),var(--profile-header-image,linear-gradient(120deg,#171b1f,#565d63 58%,#b0b5ba))!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.profile-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,16,.82) 0%,rgba(10,13,16,.46) 52%,rgba(10,13,16,.18) 100%);pointer-events:none}
.profile-hero>*{position:relative;z-index:1}.profile-id{min-width:0}.profile-user-copy{min-width:0;max-width:calc(100% - 92px)}.profile-user-copy h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-avatar-wrap{flex:0 0 auto}.profile-logo{border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 20px rgba(0,0,0,.20)}
.profile-header-preview{aspect-ratio:2.35/1;overflow:hidden;border-radius:16px;background:#eef0f2}.profile-header-preview img{width:100%;height:100%;object-fit:cover;display:block}


/* =========================================================
   FINAL RESPONSIVE TOYOTA POLISH v4
   Profile identity + cover image + remaining legacy accents
   ========================================================= */
.profile-hero{
  position:relative!important;
  isolation:isolate!important;
  min-height:173px!important;
  height:173px!important;
  padding:28px 18px!important;
  border-radius:0 0 30px 30px!important;
  background-color:#34393e!important;
  background-image:
    linear-gradient(90deg,rgba(9,11,13,.88) 0%,rgba(18,21,24,.68) 42%,rgba(18,21,24,.38) 72%,rgba(18,21,24,.22) 100%),
    var(--profile-header-image,linear-gradient(120deg,#171b1f 0%,#555c62 58%,#b2b7bc 100%))!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
}
.profile-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.48) 100%)!important;
  pointer-events:none!important;
}
.profile-id{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:calc(100% - 46px)!important;
  max-width:100%!important;
  min-width:0!important;
  padding-top:8px!important;
}
.profile-avatar-wrap{flex:0 0 auto!important;width:68px!important;height:68px!important}
.profile-logo{width:68px!important;height:68px!important;object-fit:contain!important;border-radius:18px!important;background:#fff!important}
.profile-user-copy{
  min-width:0!important;
  max-width:none!important;
  flex:1 1 auto!important;
  color:#fff!important;
  overflow:hidden!important;
}
.profile-display-name{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:clamp(16px,4.8vw,21px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 8px rgba(0,0,0,.38)!important;
}
.profile-uid-line{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:7px!important;
  max-width:100%!important;
  color:rgba(255,255,255,.82)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 6px rgba(0,0,0,.32)!important;
}
.profile-uid-line span{
  display:inline-flex!important;
  align-items:center!important;
  padding:3px 6px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.profile-uid-line b{color:#fff!important;font-weight:850!important;overflow:hidden!important;text-overflow:ellipsis!important}
.logout-top{z-index:3!important;background:rgba(12,15,18,.38)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(7px)!important}
.vip-badge{z-index:4!important;background:linear-gradient(135deg,#343a40,#7a8187)!important;border-color:rgba(255,255,255,.9)!important;color:#fff!important}
.balance-panel{border:1px solid #e0e3e5!important;box-shadow:0 14px 34px rgba(20,25,30,.11)!important}
.profile-deposit{background:linear-gradient(135deg,#171b1e,#555c62 55%,#aeb4b9)!important;box-shadow:0 9px 18px rgba(20,25,30,.16)!important}
.profile-withdraw{background:linear-gradient(145deg,#fff,#eceeef)!important;border-color:#d9dde0!important;color:#3e454b!important}
.profile-section-title,.profile-section-title i{color:#666d73!important}
.profile-menu{border:1px solid #e0e3e5!important;box-shadow:0 12px 28px rgba(20,25,30,.08)!important}
.profile-menu .icon{background:linear-gradient(145deg,#fff,#e5e7e9)!important;border-color:#dfe2e4!important;color:#4a5157!important}
.profile-menu b{color:#252a2e!important}.profile-menu small{color:#858c92!important}.profile-menu .chev{color:#aeb3b7!important}

/* Remove remaining legacy blue/green user-facing accents while preserving danger/error semantics. */
.user-page .text-primary,.user-page .text-info,.user-page .text-success,
.app-shell .text-primary,.app-shell .text-info,.app-shell .text-success{color:#4a5157!important}
.app-shell .bg-primary,.app-shell .bg-info,.app-shell .bg-success{background:#565d63!important}
.app-shell .btn-primary,.app-shell .btn-info,.app-shell .btn-success{background:linear-gradient(135deg,#171b1e,#555c62 55%,#aeb4b9)!important;border-color:transparent!important;color:#fff!important}
.app-shell .border-primary,.app-shell .border-info,.app-shell .border-success{border-color:#d5d9dc!important}
.app-shell [style*="#168354"],.app-shell [style*="#12a05e"],.app-shell [style*="#10804d"]{color:#4b5258!important}
.app-shell [style*="#e7f7ef"],.app-shell [style*="#e8fff2"],.app-shell [style*="#e3f7ed"]{background:#eef0f2!important}
.app-shell [style*="#b17a00"]{color:#6b7075!important}
.app-shell [style*="#fff5d9"]{background:#f0f1f2!important}
.app-shell [style*="#0670b8"],.app-shell [style*="#0568a9"],.app-shell [style*="#075794"],.app-shell [style*="#0084d6"],.app-shell [style*="#0066b1"]{color:#4b5258!important}
.app-shell [style*="#eaf5fd"],.app-shell [style*="#e8f5ff"],.app-shell [style*="#eef5fa"]{background:#eef0f2!important}

@media (max-width:430px){
  .profile-hero{height:166px!important;min-height:166px!important;padding:24px 15px!important;border-radius:0 0 27px 27px!important}
  .profile-id{gap:11px!important;width:calc(100% - 42px)!important;padding-top:7px!important}
  .profile-avatar-wrap,.profile-logo{width:61px!important;height:61px!important}
  .profile-logo{border-radius:16px!important;padding:7px!important}
  .profile-display-name{font-size:17px!important}
  .profile-uid-line{margin-top:6px!important;font-size:9px!important}
  .logout-top{right:14px!important;top:18px!important;width:38px!important;height:38px!important;border-radius:12px!important}
  .vip-badge{left:2px!important;bottom:-14px!important;font-size:9px!important;padding:3px 8px!important}
  .balance-panel{margin-top:-48px!important;margin-left:12px!important;margin-right:12px!important;border-radius:21px!important;padding:18px 15px 15px!important}
}
@media (max-width:360px){
  .profile-hero{height:158px!important;min-height:158px!important;padding:22px 12px!important}
  .profile-id{gap:9px!important;width:calc(100% - 40px)!important}
  .profile-avatar-wrap,.profile-logo{width:55px!important;height:55px!important}
  .profile-display-name{font-size:15px!important}
  .profile-uid-line{font-size:8px!important}
  .profile-uid-line span{font-size:7px!important;padding:2px 5px!important}
  .balance-panel{margin-top:-43px!important;margin-left:10px!important;margin-right:10px!important}
}

/* =========================================================
   TOYOTA FINAL CHALLENGE POLISH v5
   Stable centering + readable cards + responsive cover image
   ========================================================= */
html,body{width:100%;overflow-x:hidden!important}
body{background:linear-gradient(180deg,#f7f8f9 0%,#e4e6e8 100%)!important;color:#202428!important}
.app-shell{width:100%!important;max-width:430px!important;margin:0 auto!important;overflow-x:hidden!important}
.page-pad,.home-page{width:100%!important;max-width:100%!important}

/* One consistent graphite/white palette across user-facing components */
.app-shell .text-primary,.app-shell .text-info,.app-shell .text-success,.app-shell .text-secondary{color:#4a5157!important}
.app-shell .bg-primary,.app-shell .bg-info,.app-shell .bg-success{background:#555c62!important}
.app-shell .border-primary,.app-shell .border-info,.app-shell .border-success{border-color:#d5d9dc!important}
.app-shell a:not(.btn):not(.buy-btn):not(.profile-deposit):not(.profile-withdraw){color:inherit}

/* Plan cards: never let price/name/stat text collide or get clipped */
.product-card{width:100%!important;min-width:0!important;overflow:hidden!important;padding:13px!important}
.product-title{width:100%!important;min-width:0!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;margin:2px 0 11px!important}
.product-image,.special-image{width:100%!important;max-width:100%!important;aspect-ratio:2.22/1!important;min-height:0!important;overflow:hidden!important}
.product-image img,.special-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
.four-stats{width:100%!important;min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;align-items:stretch!important}
.four-stats>div{min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:9px 3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
.four-stats strong{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.2!important;font-size:clamp(10px,3.25vw,13px)!important}
.four-stats span{width:100%!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.2!important}
.price-stat strong{font-size:clamp(12px,4.1vw,17px)!important}
.price-stat del{width:100%!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,2.7vw,11px)!important}
.purchase-limit-strip{width:100%!important;min-width:0!important;overflow:hidden!important}
.purchase-limit-strip span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.purchase-limit-strip strong{flex:0 0 auto!important;white-space:nowrap!important}
.buy-btn{width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.buy-btn span,.buy-btn del{flex:0 0 auto!important;white-space:nowrap!important}

/* Keep all page headings centered in their original flow; no artificial upward shift */
.top-plan-section{position:relative!important;padding-top:17px!important;margin-top:0!important}
.top-plan-section>h2,.top-plan-section .special-main-title{position:static!important;transform:none!important;width:100%!important;text-align:center!important;margin:7px 0 14px!important;padding:0!important}
.special-no-product-name{padding-top:0!important}
.special-offer-card,.special-section{width:100%!important;min-width:0!important}
.special-stats{width:100%!important}

/* Profile cover: admin image fills the exact header, overlay stays inside it */
.profile-hero{width:100%!important;min-width:0!important;overflow:hidden!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
.profile-hero:before{inset:0!important;width:100%!important;height:100%!important}
.profile-id{max-width:calc(100% - 44px)!important;min-width:0!important;align-items:center!important}
.profile-user-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.profile-display-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.profile-uid-line{max-width:100%!important;overflow:hidden!important}
.profile-uid-line b{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.logout-top{flex:0 0 auto!important}

/* Collections cards use the same palette and safe text sizing */
.collection-card.premium-plan-card{width:100%!important;min-width:0!important;overflow:hidden!important;background:linear-gradient(180deg,#fff,#f1f2f3)!important;border-color:#dfe2e4!important;box-shadow:0 14px 32px rgba(20,25,30,.09)!important}
.collection-badge-row,.collection-product-row{min-width:0!important}
.plan-type-badge,.plan-status-badge{background:#eef0f2!important;color:#4a5157!important;border-color:#d8dcdf!important}
.plan-status-badge.status-active{background:#eceeef!important;color:#4a5157!important;border-color:#d4d8db!important}
.plan-status-badge.status-completed{background:#eef0f2!important;color:#4a5157!important;border-color:#d8dcdf!important}
.collection-thumb{background:linear-gradient(135deg,#d9dde0,#3d444a)!important;box-shadow:0 10px 21px rgba(20,25,30,.15)!important}
.collection-name-wrap{min-width:0!important;overflow:hidden!important}
.collection-name-wrap h5{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#252a2e!important}
.collection-name-wrap small{color:#858c92!important}
.collection-big-return{background:linear-gradient(115deg,#f7f8f9,#e9ebed)!important;border-color:#dfe2e4!important}
.collection-big-return strong{color:#343a3f!important}
.collection-stats.collection-four-only{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.collection-stats.collection-four-only>div{min-width:0!important;background:linear-gradient(145deg,#fff,#f0f1f2)!important;border-color:#e1e4e7!important}
.collection-stats.collection-four-only strong{color:#343a3f!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.collection-stats.collection-four-only small{color:#858c92!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.collection-progress{background:#e3e5e7!important}
.collection-progress>div{background:linear-gradient(135deg,#171b1e,#555c62 55%,#aeb4b9)!important}
.premium-plan-card .collection-next{background:#eef0f2!important;color:#70777d!important}
.premium-plan-card .collection-next i,.premium-plan-card .collection-next span{color:#4a5157!important}

/* Forms/modals/cards: eliminate leftover blue/green accents */
.app-shell .gateway-loader{background:linear-gradient(145deg,#f1f2f3,#e2e4e6)!important;color:#4a5157!important;border-color:#d9dde0!important}
.app-shell .gateway-loader.success{background:#eceeef!important;color:#4a5157!important}
.app-shell .gateway-loader.failed{background:#f1eded!important;color:#7a343a!important}
.app-shell .gateway-result-icon.success{background:#eceeef!important;color:#4a5157!important}
.app-shell .gateway-result-icon.failed{background:#f1eded!important;color:#7a343a!important}
.app-shell .gateway-countdown{background:#f0f1f2!important;border-color:#dfe2e4!important;color:#666d73!important}
.app-shell .gateway-amount{background:var(--grad)!important}

/* Mobile: keep everything centered and inside viewport */
@media (max-width:430px){
  .page-pad,.home-page{padding-left:12px!important;padding-right:12px!important}
  .product-card{padding:12px!important;border-radius:18px!important}
  .four-stats{gap:4px!important}
  .four-stats>div{padding:9px 2px!important;border-radius:11px!important}
  .four-stats strong{font-size:11px!important}
  .four-stats span{font-size:8px!important}
  .price-stat strong{font-size:15px!important}
  .price-stat del{font-size:9px!important}
  .buy-btn{height:42px!important;font-size:11px!important}
  .purchase-limit-strip{padding:8px 9px!important}
  .profile-hero{background-position:center center!important}
}
@media (max-width:360px){
  .page-pad,.home-page{padding-left:10px!important;padding-right:10px!important}
  .product-card{padding:10px!important}
  .four-stats{gap:3px!important}
  .four-stats>div{padding:8px 1px!important}
  .four-stats strong{font-size:10px!important}
  .four-stats span{font-size:7.5px!important}
  .price-stat strong{font-size:13px!important}
  .buy-btn{font-size:10px!important}
  .purchase-limit-strip{font-size:9px!important}
}

/* =========================================================
   TOYOTA FINAL V7 — COMPLETE USER UI CLEANUP
   - One graphite / white / metallic palette
   - Profile identity always visible
   - Logout button has its own safe area
   - No horizontal overflow / accidental extra width
   - Responsive card typography and centering
   ========================================================= */
:root{
  --toyota-black:#171a1d;
  --toyota-dark:#30363b;
  --toyota-mid:#626a71;
  --toyota-light:#aeb4b9;
  --toyota-bg:#f1f2f3;
  --toyota-white:#ffffff;
  --toyota-line:#dfe2e5;
  --toyota-text:#252a2e;
  --toyota-muted:#7c8389;
  --toyota-grad:linear-gradient(135deg,#171a1d 0%,#4d555c 54%,#aeb4ba 100%);
}

html,body{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body{
  background:linear-gradient(180deg,#f8f8f9 0%,#e6e8ea 100%)!important;
  color:var(--toyota-text)!important;
}
.app-shell{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  min-height:100dvh!important;
  overflow-x:clip!important;
  background:linear-gradient(180deg,#fff 0%,#f1f2f3 100%)!important;
}
.app-shell *{min-width:0;}

/* Remove remaining accidental coloured utility states from user UI. */
.app-shell .text-primary,
.app-shell .text-info,
.app-shell .text-success,
.app-shell .text-warning,
.app-shell .text-secondary{color:#555d64!important}
.app-shell .bg-primary,
.app-shell .bg-info,
.app-shell .bg-success,
.app-shell .bg-warning{background:#666e75!important}
.app-shell .border-primary,
.app-shell .border-info,
.app-shell .border-success,
.app-shell .border-warning{border-color:#d5d9dc!important}
.app-shell .btn-primary,
.app-shell .btn-info,
.app-shell .btn-success,
.app-shell .btn-warning{
  background:var(--toyota-grad)!important;
  border-color:transparent!important;
  color:#fff!important;
}

/* Buttons / links stay centered instead of inheriting odd legacy colors. */
.btn-bmw,.buy-btn,.auth-submit,.btn-primary,.btn-info,.btn-success,.btn-warning{
  background:var(--toyota-grad)!important;
  color:#fff!important;
}
.btn-soft{background:linear-gradient(145deg,#fff,#eceeef)!important;color:#41484e!important;border-color:#d9dde0!important}

/* Profile header: reserve space for logout so identity can NEVER hide behind it. */
.profile-hero{
  position:relative!important;
  width:100%!important;
  height:173px!important;
  min-height:173px!important;
  max-height:173px!important;
  padding:0 58px 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:0 0 30px 30px!important;
  background-color:#34393e!important;
  background-image:
    linear-gradient(90deg,rgba(8,10,12,.88) 0%,rgba(15,18,21,.62) 46%,rgba(15,18,21,.28) 100%),
    var(--profile-header-image,linear-gradient(120deg,#171a1d 0%,#555d63 58%,#b1b6ba 100%))!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
  background-repeat:no-repeat!important;
}
.profile-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.34))!important;
}
.profile-id{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
.profile-avatar-wrap{
  position:relative!important;
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
}
.profile-logo{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:17px!important;
  padding:7px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
.profile-user-copy{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  color:#fff!important;
}
.profile-display-name{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(15px,4.8vw,20px)!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 9px rgba(0,0,0,.55)!important;
}
.profile-uid-line{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:7px!important;
  padding:0!important;
  gap:5px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-uid-line span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:3px 6px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.profile-uid-line b{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.vip-badge{
  position:absolute!important;
  left:50%!important;
  bottom:-13px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  white-space:nowrap!important;
  background:var(--toyota-grad)!important;
  border:2px solid #fff!important;
  color:#fff!important;
}
.logout-top{
  position:absolute!important;
  z-index:5!important;
  right:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(15,18,21,.48)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.logout-top i{font-size:18px!important;line-height:1!important}

/* Profile content must not create a horizontal or artificial vertical overflow. */
.balance-panel,.profile-menu,.profile-section-title{
  max-width:calc(100% - 24px)!important;
  box-sizing:border-box!important;
}
.profile-menu a>div{min-width:0!important;overflow:hidden!important}
.profile-menu b,.profile-menu small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.profile-menu .chev{flex:0 0 auto!important}

/* Cards: all text stays inside its box and remains visually centered. */
.product-card,.special-offer-card,.collection-card,.card-premium,.form-card{
  max-width:100%!important;
  overflow:hidden!important;
}
.product-title,.special-main-title,.collection-name-wrap h5{
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.four-stats,.collection-stats{width:100%!important;max-width:100%!important}
.four-stats>div,.collection-stats>div{min-width:0!important;overflow:hidden!important;text-align:center!important}
.four-stats strong,.four-stats span,.collection-stats strong,.collection-stats small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.buy-btn{justify-content:center!important;align-items:center!important;text-align:center!important}

/* Prevent fixed navigation from causing an apparent second horizontal page. */
.bottom-nav{
  left:50%!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  overflow:hidden!important;
}

@media (max-width:430px){
  .profile-hero{
    height:166px!important;
    min-height:166px!important;
    max-height:166px!important;
    padding-left:13px!important;
    padding-right:58px!important;
    border-radius:0 0 27px 27px!important;
  }
  .profile-avatar-wrap,.profile-logo{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
  .profile-id{gap:10px!important}
  .profile-display-name{font-size:16px!important}
  .profile-uid-line{font-size:8px!important;margin-top:6px!important}
  .profile-uid-line span{font-size:6.5px!important;padding:3px 5px!important}
  .logout-top{right:11px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  .page-pad,.home-page{padding-left:11px!important;padding-right:11px!important}
}
@media (max-width:360px){
  .profile-hero{
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
    padding-left:11px!important;
    padding-right:55px!important;
  }
  .profile-avatar-wrap,.profile-logo{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}
  .profile-id{gap:8px!important}
  .profile-display-name{font-size:14px!important}
  .profile-uid-line{font-size:7px!important;margin-top:5px!important}
  .profile-uid-line span{font-size:6px!important;padding:2px 4px!important}
  .logout-top{right:9px!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important}
  .page-pad,.home-page{padding-left:9px!important;padding-right:9px!important}
}

/* =========================================================
   TOYOTA FINAL V8 — NAV / PROFILE / FINANCE UI POLISH
   ========================================================= */
:root{
  --toyota-black:#17191c;
  --toyota-dark:#2c3135;
  --toyota-mid:#5d646a;
  --toyota-silver:#aeb3b7;
  --toyota-bg:#f0f1f2;
  --toyota-white:#fff;
  --toyota-line:#d9dde0;
  --toyota-text:#25292d;
  --toyota-muted:#777f85;
  --toyota-grad:linear-gradient(135deg,#151719 0%,#444b50 52%,#aeb4b8 100%);
  --toyota-soft:linear-gradient(145deg,#ffffff 0%,#eef0f1 100%);
}

/* Never clip the floating center button of the fixed bottom navigation. */
.app-shell.has-bottom-nav{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
.bottom-nav{
  overflow:visible!important;
  height:calc(78px + env(safe-area-inset-bottom))!important;
  padding:0 8px env(safe-area-inset-bottom)!important;
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid #d9dde0!important;
  box-shadow:0 -10px 30px rgba(25,29,32,.12)!important;
}
.bottom-nav>a{color:#858c92!important}
.bottom-nav>a.active{color:#33393e!important}
.bottom-nav>a.active:after{background:#3f464b!important}
.bottom-nav .center-action span{
  width:64px!important;height:64px!important;margin-top:-31px!important;
  border-color:#343a3f!important;outline-color:#9ba1a5!important;
  box-shadow:0 9px 22px rgba(20,24,27,.24),0 0 0 5px #fff!important;
  background:repeating-conic-gradient(from -22.5deg,#3c4348 0 22.5deg,#fff 22.5deg 45deg)!important;
}
.bottom-nav .center-action span:after{background:radial-gradient(circle,#e4e6e7 0 28%,#444b50 29% 61%,#b0b5b8 63%)!important}

/* Profile: move identity down slightly and keep it clear of logout. */
.profile-hero{padding-top:12px!important;padding-bottom:0!important}
.profile-id{align-self:center!important;transform:translateY(6px)!important;padding-right:4px!important}
.profile-user-copy{padding-right:4px!important}
.profile-display-name{min-height:20px!important;visibility:visible!important;opacity:1!important}
.profile-uid-line{min-height:18px!important;visibility:visible!important;opacity:1!important}
.logout-top{top:50%!important;transform:translateY(-50%)!important}
.balance-panel{position:relative!important;z-index:2!important;margin-top:-30px!important}
@media(max-width:430px){
  .profile-hero{height:174px!important;min-height:174px!important;max-height:174px!important;padding-left:13px!important;padding-right:58px!important;padding-top:13px!important}
  .profile-id{width:100%!important;transform:translateY(8px)!important}
  .balance-panel{margin-top:-26px!important;margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:360px){
  .profile-hero{height:166px!important;min-height:166px!important;max-height:166px!important;padding-left:11px!important;padding-right:54px!important}
  .profile-id{transform:translateY(7px)!important;gap:8px!important}
  .profile-avatar-wrap,.profile-logo{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}
  .profile-display-name{font-size:15px!important}
  .balance-panel{margin-top:-23px!important;margin-left:10px!important;margin-right:10px!important}
}

/* One neutral palette for Share / Spin / Recharge / Withdraw and their controls. */
.share-page,.spin-page,.money-page,.transactions-page{color:var(--toyota-text)!important}
.share-page .main-page-title,.money-page .screen-head,.spin-page .spin-page-head{
  background:var(--toyota-grad)!important;color:#fff!important;border-color:transparent!important;
}
.share-hero,.invite-card,.share-steps,.spin-summary,.spin-stat,.form-card,.instruction-card,.wallet-hero,.withdraw-history-card,.withdraw-history-list,.recharge-card{
  border-color:var(--toyota-line)!important;
  box-shadow:0 12px 28px rgba(25,29,32,.09)!important;
}
.share-label,.form-heading,.spin-stat span,.spin-stat small,.wallet-copy .label,.minimum-note,.instruction-row span{color:var(--toyota-muted)!important}
.share-commission,.share-commission b,.share-commission strong,.invite-row span,.invite-row b,.share-steps b{color:var(--toyota-text)!important}
.share-actions .share-now,.share-actions .copy-link,.invite-row button,.history-btn,.spin-action button,.sticky-action .btn{
  background:var(--toyota-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 20px rgba(25,29,32,.16)!important;
}
.invite-icon,.spin-stat-icon,.bank-icon,.wallet-visual,.share-hero-art,.quick-lock{
  background:var(--toyota-soft)!important;color:#4b5257!important;border-color:var(--toyota-line)!important;
}
.spin-stat b,.spin-stat.balance b,.spin-message,.withdraw-status,.withdraw-row strong,.amount-chip.active,.percent-chip.active{
  color:#3e454a!important;
}
.amount-chip,.percent-chip,.withdraw-input-wrap,.amount-input-wrap,.tax-box,.bank-present,.bank-empty,.minimum-note,.instruction-row{
  background:var(--toyota-soft)!important;border-color:var(--toyota-line)!important;color:var(--toyota-text)!important;
}
.amount-chip.active,.percent-chip.active{background:var(--toyota-grad)!important;color:#fff!important;border-color:transparent!important}
.wallet-hero{background:var(--toyota-grad)!important;color:#fff!important}
.wallet-copy .label,.wallet-copy .amount{color:#fff!important}
.wallet-visual{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}

/* Neutralize legacy blue/purple/green presentation classes without touching danger/error states. */
.share-page [class*="blue"],.spin-page [class*="blue"],.money-page [class*="blue"]{color:inherit}
.share-page .bi,.spin-page .bi,.money-page .bi{color:inherit}
.share-page .text-primary,.spin-page .text-primary,.money-page .text-primary{color:#4a5157!important}

/* All Bootstrap modals/popups use the same Toyota palette. */
.modal-content,.logout-modal,.quick-required-modal,.announcement-modal,.auth-terms-modal .modal-content,.duplicate-number-content{
  border:1px solid var(--toyota-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:var(--toyota-text)!important;
  box-shadow:0 24px 60px rgba(20,24,27,.22)!important;
  overflow:hidden!important;
}
.modal-header,.announcement-modal .modal-header,.auth-terms-modal .modal-header{
  background:var(--toyota-grad)!important;color:#fff!important;border:0!important;
}
.modal-title,.modal-header .btn-close{color:#fff!important}
.modal-body,.modal-footer{background:#fff!important;color:var(--toyota-text)!important;border-color:#eceeef!important}
.modal .btn-primary,.modal .btn-success,.modal .btn-warning,.modal .btn-info,.modal .auth-modal-close,.logout-yes{
  background:var(--toyota-grad)!important;border-color:transparent!important;color:#fff!important;
}
.modal .btn-secondary,.logout-no{background:var(--toyota-soft)!important;border-color:var(--toyota-line)!important;color:#454c51!important}
.copy-toast,.login-toast,.spin-message{
  background:#24282c!important;color:#fff!important;border:1px solid #555b60!important;box-shadow:0 15px 35px rgba(20,24,27,.24)!important;
}

/* Prevent sticky actions and cards from causing horizontal overflow. */
.sticky-action,.secondary-sticky{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.sticky-action .btn{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.share-page img,.spin-page img,.money-page img{max-width:100%!important;height:auto!important}

@media(max-width:430px){
  .app-shell.has-bottom-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .bottom-nav{height:calc(76px + env(safe-area-inset-bottom))!important}
  .bottom-nav .center-action span{width:60px!important;height:60px!important;margin-top:-28px!important}
  .bottom-nav>a i{font-size:19px!important}
  .bottom-nav>a{font-size:9px!important}
  .share-actions{gap:8px!important}
  .share-actions button{min-width:0!important;font-size:11px!important}
  .spin-summary{gap:8px!important}
  .spin-stat{min-width:0!important}
  .spin-stat b{font-size:16px!important}
}
@media(max-width:360px){
  .bottom-nav{padding-left:5px!important;padding-right:5px!important}
  .bottom-nav .center-action span{width:57px!important;height:57px!important;margin-top:-26px!important}
  .bottom-nav>a i{font-size:18px!important}
  .bottom-nav>a{font-size:8px!important}
}