:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface2:#f8fbff;
  --text:#07142f;
  --muted:#66758c;
  --muted2:#91a0b3;
  --line:rgba(95,112,134,.13);
  --green:#10b981;
  --green2:#34d399;
  --blue:#2f7cf6;
  --violet:#8b5cf6;
  --orange:#f59e0b;
  --shadow:0 18px 38px rgba(32,50,74,.10);
  --shadow2:0 8px 20px rgba(32,50,74,.075);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#eef4fb;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overscroll-behavior:none}
body{overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.985)}
.app-shell{width:min(430px,100%);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12px) 14px 104px;position:relative;overflow-x:hidden;background:radial-gradient(circle at 8% 0%,rgba(16,185,129,.14),transparent 25%),radial-gradient(circle at 98% 8%,rgba(47,124,246,.13),transparent 28%),linear-gradient(180deg,#fbfdff 0%,#f5f8fc 48%,#eef4fb 100%)}
.topbar{height:48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.brand{display:flex;gap:10px;align-items:center;min-width:0}.logo{width:42px;height:42px;border-radius:17px;background:linear-gradient(145deg,#e9fff6,#fff);display:grid;place-items:center;color:var(--green);font-weight:950;font-size:18px;box-shadow:inset 0 0 0 1px rgba(16,185,129,.16),0 10px 22px rgba(16,185,129,.10)}.brand strong{display:block;font-size:16px;font-weight:950;letter-spacing:-.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang,.ghost{height:38px;padding:0 16px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--text);box-shadow:var(--shadow2);font-weight:900}.screen{animation:fade .22s ease}.page-head{margin:4px 0 14px}.page-head h1{margin:0;font-size:30px;line-height:1.04;letter-spacing:-1.15px}.page-head p{margin:8px 0 0;color:var(--muted);font-size:14.5px;line-height:1.38}
.hero-premium,.wallet-card,.infra-card,.how-card,.center-card,.profile-card,.glass-form,.package-card,.contract-card,.dc-card,.empty,.mini-contract{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero-premium{padding:16px;margin-bottom:10px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,248,255,.82))}.hero-premium:after{content:"";position:absolute;right:-24px;top:-34px;width:142px;height:142px;border-radius:44px;background:linear-gradient(145deg,rgba(52,211,153,.24),rgba(47,124,246,.15));filter:blur(.2px);transform:rotate(18deg)}.hero-top,.cluster-top{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2}.eyebrow{color:var(--blue);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.65px}.online,.pill{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 10px;border-radius:999px;background:#e9fff6;color:#0aa572;font-size:12px;font-weight:950;white-space:nowrap}.online:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.hero-title{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:10px;align-items:start;position:relative;z-index:2;margin-top:11px}.hero-title h1{margin:0;font-size:28px;line-height:.98;letter-spacing:-1.25px}.hero-title p{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.27;max-width:260px}.copy-mini{width:40px;height:40px;border:0;border-radius:16px;background:#fff;color:#738197;display:grid;place-items:center;box-shadow:0 8px 18px rgba(32,50,74,.08)}.hero-id{position:relative;z-index:2;margin-top:13px;padding:9px 11px;border-radius:16px;background:rgba(255,255,255,.72);color:var(--muted);font-size:12.5px;line-height:1.1;display:inline-flex;max-width:100%}.hero-id b{color:var(--text);margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.wallet-card{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:8px;padding:10px;margin-bottom:12px}.metric{min-width:0;border-radius:20px;padding:13px 10px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 0 0 1px rgba(95,112,134,.08)}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong{display:block;margin-top:6px;font-size:18px;line-height:1;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric em{display:block;margin-top:7px;color:var(--muted2);font-style:normal;font-size:10.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric.accent strong{font-size:19px;color:var(--text)}.metric.green strong{color:var(--green)}.metric.blue strong{color:var(--blue)}
.action-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin-bottom:12px}.action-strip button{min-height:50px;border:0;border-radius:19px;background:#fff;box-shadow:var(--shadow2);color:var(--text);font-weight:950;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;min-width:0}.action-strip button:first-child{background:linear-gradient(135deg,var(--green),#38dcc5);color:#073628}.action-strip .svg-icon{width:19px;height:19px}.action-strip button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.section-title.tight{margin-top:12px}.section-title h3{margin:0;font-size:18px;line-height:1.05;letter-spacing:-.55px}.section-link{border:0;background:transparent;color:var(--blue);font-weight:950;font-size:13px;padding:6px 0}.section-link:after{content:" ›"}.contracts-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 14px 8px;margin:0 -14px 4px;scrollbar-width:none}.contracts-row::-webkit-scrollbar{display:none}.mini-contract{flex:0 0 254px;padding:13px;scroll-snap-align:start}.contract-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.company-logo{width:44px;height:44px;border-radius:16px;background:#e8fff5;color:#0d9b70;display:grid;place-items:center;font-weight:950;font-size:18px;box-shadow:inset 0 0 0 1px rgba(16,185,129,.12)}.company-logo.blue{background:#edf5ff;color:var(--blue)}.company-logo.violet{background:#f3efff;color:var(--violet)}.company-info{min-width:0}.company-info strong{display:block;font-size:15.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-info span{display:block;color:var(--muted);font-size:12px;line-height:1.15;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 9px}.contract-status-row strong{font-size:17px;letter-spacing:-.55px;white-space:nowrap}.pill{background:#edf8ff;color:var(--blue);height:24px;font-size:11.5px}.blue-pill{background:#edf5ff;color:var(--blue)}.contract-data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 0 10px}.contract-data span{display:block;color:var(--muted);font-size:10.5px;line-height:1.1}.contract-data strong{display:block;margin-top:3px;font-size:12.5px;line-height:1.12;white-space:nowrap}.progress-line,.progress,.infra-progress{height:7px;border-radius:999px;background:#edf3fa;overflow:hidden}.progress-line{margin-bottom:11px}.progress-line i,.progress i,.infra-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#72d9ff)}.mini-btn,.primary{width:100%;min-height:45px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--green),#38dcc5);color:#063323;font-weight:950;box-shadow:0 10px 22px rgba(16,185,129,.16)}.ghost-btn,.mini-btn.ghost-btn{background:#f3f8ff;color:var(--blue);box-shadow:none}.primary:disabled,.mini-btn:disabled{opacity:.55;filter:grayscale(.35)}
.infra-card{padding:15px;margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center;background:linear-gradient(145deg,#ffffff,#f3fbff)}.infra-card h3{margin:5px 0 4px;font-size:19px;letter-spacing:-.55px}.infra-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.25}.capacity{width:76px;height:76px;border-radius:25px;background:conic-gradient(var(--green) var(--p,70%),#eaf1f8 0);display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#eafff6,#fff);box-shadow:inset 0 0 0 1px rgba(16,185,129,.13)}.capacity b{display:block;font-size:22px;letter-spacing:-.8px}.capacity span{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.05}.infra-progress{grid-column:1/-1}.infra-mini{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.infra-mini span{border-radius:15px;background:#f8fbff;padding:9px 8px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;text-align:center}.infra-mini b{color:var(--text)}
.compact-how{padding:13px 8px}.how-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.how-step{text-align:center;position:relative;min-width:0}.how-step:not(:last-child):after{content:"›";position:absolute;right:-4px;top:22px;color:#9ab7df;font-size:19px;font-weight:600}.how-icon{width:38px;height:38px;margin:0 auto 7px;border-radius:17px;background:linear-gradient(145deg,#eafff6,#fff);display:grid;place-items:center;color:var(--green);box-shadow:inset 0 0 0 1px rgba(16,185,129,.10)}.how-step:nth-child(2) .how-icon,.how-step:nth-child(4) .how-icon{background:linear-gradient(145deg,#edf5ff,#fff);color:var(--blue)}.how-step:nth-child(3) .how-icon{background:linear-gradient(145deg,#f4efff,#fff);color:var(--violet)}.step-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e0f8ee;color:#0fa66f;font-weight:950;font-size:10.5px;margin-top:-14px;margin-bottom:5px;position:relative}.how-step strong{display:block;font-size:9.5px;line-height:1.08;letter-spacing:-.1px}
.cards-list{display:grid;gap:12px}.package-card,.contract-card,.dc-card,.profile-card,.glass-form,.empty{padding:16px}.package-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.package-top strong{font-size:22px;letter-spacing:-.7px}.package-card h3,.contract-card h3,.dc-card h3{margin:13px 0 5px;font-size:21px;line-height:1.08;letter-spacing:-.6px}.package-card p,.contract-card p,.dc-card p,.glass-form p{color:var(--muted);margin:0;line-height:1.35;overflow-wrap:anywhere;font-size:13.5px}.meta,.contract-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;color:var(--muted);font-size:12.5px}.meta span,.contract-meta span{border-radius:14px;background:#f8fbff;padding:9px}.contract-top{display:flex;justify-content:space-between;gap:12px}.contract-top strong{white-space:nowrap;color:var(--green);font-size:19px;letter-spacing:-.55px}.locked{opacity:.72}.dc-card.ready{border-color:rgba(16,185,129,.34)}.progress{margin-top:16px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.profile-grid div{padding:14px;border-radius:19px;background:#f8fbff;border:1px solid rgba(95,112,134,.10);min-width:0}.profile-grid span{display:block;color:var(--muted);font-size:12.5px}.profile-grid strong{display:block;margin-top:7px;font-size:18px;word-break:break-word}input{width:100%;height:54px;border-radius:18px;border:1px solid rgba(95,112,134,.16);background:#fff;color:var(--text);padding:0 16px;margin:0 0 12px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.glass-form h3{margin:0 0 12px}.empty{color:var(--muted)}.center-card{min-height:260px;display:grid;place-items:center;text-align:center;padding:30px;margin-top:70px}.center-card h1{margin:0;font-size:26px}.center-card p{color:var(--muted);font-size:15px;line-height:1.35}.loader{width:38px;height:38px;border-radius:50%;border:3px solid #e6eff8;border-top-color:var(--green);animation:spin 1s linear infinite}.svg-icon{width:22px;height:22px;display:block}.svg-icon *{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 9px);width:min(402px,calc(100% - 24px));height:68px;border-radius:25px;background:rgba(255,255,255,.92);border:1px solid rgba(95,112,134,.12);box-shadow:0 16px 34px rgba(40,58,82,.15);backdrop-filter:blur(24px);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;z-index:50}.bottom-nav button{border:0;border-radius:19px;background:transparent;color:#738197;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9.5px;font-weight:900;min-width:0;line-height:1.05}.bottom-nav button.active{background:linear-gradient(145deg,#eafff6,#fbfffd);color:#0fa66f;box-shadow:inset 0 0 0 1px rgba(16,185,129,.16),0 8px 18px rgba(16,185,129,.10)}.nav-svg{width:22px;height:22px;display:grid;place-items:center;color:currentColor;flex:0 0 auto}.nav-svg svg{width:21px;height:21px;display:block;overflow:visible}.nav-svg svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.loader-hint{margin-top:10px!important;font-size:13px!important;color:var(--muted)!important}.diag-btn{margin-top:12px;width:100%;height:46px}.center-card.error{min-height:320px;margin-top:54px;gap:12px}.center-card.error .primary,.center-card.error .ghost{max-width:260px}.center-card.error .ghost{min-height:46px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:380px){.app-shell{padding-left:12px;padding-right:12px}.brand strong{font-size:15px}.brand span{font-size:11px}.hero-title h1{font-size:25px}.hero-title p{font-size:12.5px}.wallet-card{gap:6px}.metric{padding:11px 8px}.metric strong{font-size:16px}.metric.accent strong{font-size:17px}.action-strip{gap:6px}.action-strip button{font-size:11px}.mini-contract{flex-basis:238px}.how-icon{width:35px;height:35px}.how-step strong{font-size:8.8px}.bottom-nav{width:calc(100% - 20px);height:66px}.bottom-nav button{font-size:8.8px}.nav-svg,.nav-svg svg{width:20px;height:20px}}
@media(min-width:700px){body{background:#f4f8fd}.app-shell{padding-top:18px}.bottom-nav{width:402px}}

/* Premium typography and contract UX patch */
html,body,button,input{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}body{font-weight:500;color:#132238}.brand strong,.hero-title h1,.section-title h3,.page-head h1,.package-card h3,.contract-card h3,.dc-card h3,.infra-card h3{font-weight:700;letter-spacing:-.025em;color:#101f33}.brand span,.hero-title p,.page-head p,.company-info span,.package-card p,.contract-card p,.dc-card p,.glass-form p{font-weight:500;line-height:1.48;color:#69788e}.eyebrow,.metric span,.contract-data span,.contract-meta em{font-weight:650;letter-spacing:-.01em}.metric strong,.contract-status-row strong,.contract-reward strong,.reward-line strong,.package-top strong{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.action-strip button,.mini-btn,.primary,.section-link,.bottom-nav button{font-weight:700;letter-spacing:-.015em}.company-logo{font-weight:700}.bottom-nav button{font-size:9.6px;font-weight:650}.bottom-nav button.active{font-weight:700}.hero-premium{padding:19px 17px 18px}.hero-title h1{font-size:27px;line-height:1.02}.hero-title p{font-size:13.5px;line-height:1.42}.wallet-card{margin-top:12px}.metric{min-height:78px}.metric strong{font-size:17px}.section-title h3{font-size:18px}.contracts-row{cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.35) transparent;overscroll-behavior-x:contain}.contracts-row.dragging{cursor:grabbing;scroll-snap-type:none}.contracts-row::-webkit-scrollbar{display:block;height:4px}.contracts-row::-webkit-scrollbar-thumb{background:rgba(100,116,139,.25);border-radius:999px}.mini-contract.contract-v2{flex-basis:266px;padding:14px;display:flex;flex-direction:column;gap:10px}.mini-contract.contract-v2 .contract-head{margin-bottom:0}.reward-line{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:2px 1px 0}.reward-line span{color:#69788e;font-size:11.5px;font-weight:650}.reward-line strong{font-size:20px;line-height:1;color:#13b98e;white-space:nowrap}.contract-data-v2{grid-template-columns:repeat(3,1fr);gap:7px;margin:0}.contract-data-v2 div{border-radius:14px;background:#f7fbff;padding:9px 8px;min-width:0}.contract-data-v2 span{font-size:10.5px;color:#728096}.contract-data-v2 strong{font-size:13px;color:#16253a;overflow:hidden;text-overflow:ellipsis}.contract-note{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.contract-note em{font-style:normal;color:#728096;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill.lock-pill{background:#fff4ed;color:#d97706}.mini-contract.contract-v2 .progress-line{margin:0}.mini-contract.contract-v2 .mini-btn{margin-top:auto;min-height:44px;border-radius:16px}.contract-card-v2{padding:16px;display:flex;flex-direction:column;gap:14px}.contract-top-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.contract-title-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:start;min-width:0}.contract-title-row h3{margin:7px 0 4px;font-size:20px;line-height:1.08}.contract-reward{text-align:right;min-width:96px}.contract-reward span{display:block;font-size:11.5px;color:#728096;font-weight:650;margin-bottom:6px}.contract-reward strong{display:block;font-size:20px;color:#13b98e;white-space:nowrap}.contract-meta-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.contract-meta-v2 span{padding:10px;border-radius:16px;background:#f7fbff}.contract-meta-v2 em{display:block;font-style:normal;font-size:11px;color:#728096;margin-bottom:4px}.contract-meta-v2 b{display:block;font-size:14px;color:#16253a;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.soft-primary{background:#f3f8ff;color:#2f77f6;box-shadow:none}.primary:disabled,.mini-btn:disabled{opacity:1;background:#eef3f8;color:#7b8799;box-shadow:none;filter:none}.cards-list{gap:13px}.page-head h1{font-size:28px}.page-head p{font-size:14px}.action-strip button{font-size:11.5px}.section-link{font-size:13px}@media(max-width:380px){.hero-title h1{font-size:25px}.mini-contract.contract-v2{flex-basis:250px}.contract-reward{min-width:86px}.contract-reward strong{font-size:18px}.contract-title-row h3{font-size:18px}.contract-meta-v2 b{font-size:13px}}

/* Info + referral functional UI patch */
.intro-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:24px;box-shadow:var(--shadow2);backdrop-filter:blur(18px)}
.intro-card>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.intro-card .svg-icon{width:38px;height:38px;padding:8px;border-radius:15px;background:#eafff6;color:var(--green);box-shadow:inset 0 0 0 1px rgba(16,185,129,.12)}.intro-card h3{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.025em;color:#101f33}.intro-card p{margin:3px 0 0;color:#69788e;font-size:12.5px;line-height:1.35;font-weight:500}.intro-card .section-link{white-space:nowrap;flex:0 0 auto}.info-stack{display:grid;gap:12px}.info-card,.referral-card{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.9);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.info-card h3{margin:12px 0 6px;font-size:20px;line-height:1.08;font-weight:700;letter-spacing:-.025em}.info-card p{margin:0;color:#69788e;font-size:14px;line-height:1.5}.info-flow{margin-top:14px}.action-strip.single{grid-template-columns:1fr 1fr;margin-top:12px}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid div:nth-child(3),.profile-grid div:nth-child(6){grid-column:auto}.profile-grid strong{font-weight:700;font-size:16px;letter-spacing:-.02em}.referral-card{margin:12px 0}.ref-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ref-head>div{display:flex;align-items:center;gap:10px;min-width:0}.ref-head .svg-icon{width:42px;height:42px;padding:10px;border-radius:17px;background:#eafff6;color:var(--green);box-shadow:inset 0 0 0 1px rgba(16,185,129,.12)}.ref-head h3{margin:3px 0 0;font-size:20px;font-weight:700;letter-spacing:-.025em}.ref-head b{min-width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:#f7fbff;color:#101f33;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.referral-card p{margin:0 0 13px;color:#69788e;font-size:13.5px;line-height:1.45}.ref-code{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:18px;background:#f7fbff;padding:8px 8px 8px 12px;margin-bottom:10px}.ref-code span{color:#69788e;font-size:12px;font-weight:650}.ref-code strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-code .ghost{height:34px;padding:0 12px;box-shadow:none;background:#fff}.ref-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.ref-link input{height:48px;margin:0;font-size:12px;color:#69788e}.ref-link .primary{width:auto;min-height:48px;padding:0 14px;white-space:nowrap}.ref-list{display:grid;gap:8px;margin-top:12px}.ref-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:17px;background:#f8fbff}.ref-row strong{display:block;font-size:13.5px;font-weight:700;color:#101f33}.ref-row span{display:block;margin-top:2px;font-size:11.5px;color:#69788e}.ref-row em{font-style:normal;color:#91a0b3;font-size:11px;font-weight:600;white-space:nowrap}.small-empty{padding:12px;border-radius:17px;box-shadow:none;background:#f8fbff}
@media(max-width:380px){.intro-card{padding:12px}.intro-card p{font-size:11.8px}.ref-link{grid-template-columns:1fr}.ref-link .primary{width:100%}.profile-grid{gap:8px}.profile-grid div{padding:12px}.profile-grid strong{font-size:14px}}

/* Contract global pool hotfix */
#app.screen{padding-bottom:132px;}
.nav-safe-space{height:128px;flex:0 0 128px;}
.contract-card-v2 .primary,.mini-contract.contract-v2 .mini-btn{position:relative;z-index:3;touch-action:manipulation;}
.cards-list{padding-bottom:12px;}
.confirm-overlay{position:fixed;inset:0;z-index:9999;background:rgba(7,20,47,.34);display:grid;place-items:end center;padding:18px 14px calc(env(safe-area-inset-bottom) + 18px);backdrop-filter:blur(10px);}
.confirm-card{width:min(402px,100%);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(15,23,42,.22);border:1px solid rgba(95,112,134,.14);padding:18px;animation:confirmIn .18s ease;}
.confirm-card h3{margin:0 0 12px;font-size:21px;line-height:1.08;letter-spacing:-.03em;font-weight:700;color:#101f33;}
.confirm-card pre{white-space:pre-wrap;margin:0;color:#5f6f86;font-family:inherit;font-size:14px;line-height:1.5;background:#f7fbff;border-radius:18px;padding:13px 14px;border:1px solid rgba(95,112,134,.08);}
.confirm-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:14px;}
.confirm-actions .ghost,.confirm-actions .primary{width:100%;height:50px;min-height:50px;border-radius:18px;box-shadow:none;}
@keyframes confirmIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* Contract click fix: keep action buttons above Telegram bottom nav and allow card tap */
[data-contract-card]{cursor:pointer;touch-action:manipulation;}
[data-contract-card]:active{transform:scale(.992);}
.contract-card-v2,.mini-contract.contract-v2{position:relative;z-index:1;}
.contract-card-v2 .primary,.mini-contract.contract-v2 .mini-btn{position:relative;z-index:5;pointer-events:auto;}
.cards-list{padding-bottom:18px;}
#app.screen{padding-bottom:168px!important;}
.confirm-overlay{z-index:99999!important;}
.confirm-card .primary,.confirm-card .ghost{pointer-events:auto;}

.danger-btn{background:#ffe5e5!important;color:#b42318!important;border-color:#ffc9c9!important;}
.contract-card.locked .pill.lock-pill,.mini-contract.locked .pill.lock-pill{background:#ffe5e5!important;color:#b42318!important;}

/* UI/chat/menu patch 20260620 */
.app-shell{padding-bottom:190px!important;min-height:100dvh;}
#app.screen{padding-bottom:190px!important;}
.nav-safe-space{height:190px!important;}
.bottom-nav{height:auto!important;min-height:126px!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;padding:10px!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 18px 50px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.9)!important;bottom:calc(env(safe-area-inset-bottom) + 12px)!important;}
.bottom-nav button{min-height:50px!important;border-radius:18px!important;font-size:10px!important;touch-action:manipulation;}
.bottom-nav button.active{background:linear-gradient(145deg,#e8fff6,#f8fffc)!important;box-shadow:inset 0 0 0 1px rgba(16,185,129,.24),0 10px 22px rgba(16,185,129,.13)!important;}
.chat-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:420px;max-height:calc(100dvh - 280px)}
.chat-box{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;overscroll-behavior:contain;}
.chat-bubble{max-width:84%;align-self:flex-start;background:#f1f6fd;border:1px solid rgba(95,112,134,.12);border-radius:20px 20px 20px 8px;padding:11px 13px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.chat-bubble.mine{align-self:flex-end;background:#dffcf1;border-color:#b7f4df;border-radius:20px 20px 8px 20px;}
.chat-bubble.admin-fake{background:#eef5ff;border-color:#d8e7ff;}
.chat-bubble b{display:block;color:#2f77f6;font-size:12px;margin-bottom:5px}.chat-bubble p{margin:0;color:#132238;font-size:14px;line-height:1.38;white-space:pre-wrap;word-break:break-word}.chat-bubble em{display:block;margin-top:6px;color:#728096;font-style:normal;font-size:11px}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid var(--line);background:rgba(255,255,255,.97)}.chat-form input{height:50px;margin:0;border-radius:18px}.chat-form .primary{width:auto;min-width:112px;height:50px;min-height:50px;border-radius:18px;padding:0 16px}.cabinet-stub{text-align:center}.cabinet-stub .svg-icon{width:54px;height:54px;margin:0 auto 12px;color:var(--green)}
@media(max-width:390px){.bottom-nav{grid-template-columns:repeat(4,1fr)!important;width:calc(100% - 18px)!important;padding:8px!important;gap:5px!important}.bottom-nav button{font-size:9px!important;min-height:48px!important}.chat-form .primary{min-width:94px;padding:0 12px}.chat-card{max-height:calc(100dvh - 260px)}}
@media(max-height:680px){.topbar{height:42px;margin-bottom:6px}.page-head{margin-bottom:10px}.page-head h1{font-size:24px}.chat-card{max-height:calc(100dvh - 230px)}.bottom-nav{min-height:112px!important}.bottom-nav button{min-height:44px!important}.app-shell,#app.screen{padding-bottom:172px!important}.nav-safe-space{height:172px!important}}
body.keyboard-open .bottom-nav{transform:translateX(-50%) translateY(12px);opacity:.96;}

/* Final menu + keyboard + CryptAPI deposit patch 20260620 */
.bottom-nav{
  width:min(410px,calc(100% - 22px))!important;
  min-height:104px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  padding:8px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,251,255,.96))!important;
  border:1px solid rgba(119,136,160,.22)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.20),0 0 0 1px rgba(255,255,255,.72) inset!important;
  backdrop-filter:blur(26px)!important;
}
.bottom-nav button{min-height:42px!important;border-radius:16px!important;font-size:9.3px!important;color:#708098!important;}
.bottom-nav button.active{color:#0ca875!important;background:linear-gradient(145deg,#e6fff5,#ffffff)!important;box-shadow:0 8px 18px rgba(16,185,129,.12),inset 0 0 0 1px rgba(16,185,129,.22)!important;}
.nav-svg,.nav-svg svg{width:19px!important;height:19px!important;}
.app-shell,#app.screen{padding-bottom:152px!important;}
.nav-safe-space{height:152px!important;}
.chat-card{min-height:390px;max-height:calc(100dvh - 242px)!important;}
.chat-box{min-height:230px;}
body.keyboard-open .bottom-nav{transform:translateX(-50%) translateY(125%)!important;opacity:0!important;pointer-events:none!important;}
body.keyboard-open .app-shell,body.keyboard-open #app.screen{padding-bottom:18px!important;}
body.keyboard-open .nav-safe-space{height:18px!important;}
body.keyboard-open .chat-card{max-height:calc(100dvh - 132px)!important;min-height:280px;}
body.keyboard-open .chat-form{position:sticky;bottom:0;z-index:5;}
.crypto-wallet-box{margin:12px 0;min-height:96px;border-radius:20px;background:#fff;border:1px solid var(--line);padding:12px;display:grid;place-items:stretch;}
.crypto-wallet{display:grid;gap:10px;}
.crypto-wallet code{display:block;word-break:break-all;background:#f5f9ff;border:1px solid rgba(95,112,134,.12);border-radius:16px;padding:12px;font-size:13px;color:#132238;line-height:1.35;}
.crypto-actions{display:grid;grid-template-columns:1fr;gap:8px}.crypto-actions .ghost{width:100%;height:42px;box-shadow:none;background:#fff;}
.minimum-warning{margin:0!important;padding:10px 12px;border-radius:15px;background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa;font-size:12px!important;line-height:1.35!important;}
.tx-list{display:grid;gap:7px}.tx-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:#f8fbff}.tx-row span{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:800}.tx-row b{text-align:right;font-size:13px}.tx-row em{font-style:normal;color:#94a3b8;font-size:10px;}
.chat-error small{color:#94a3b8;font-weight:600;}
@media(max-width:390px){.bottom-nav{width:calc(100% - 18px)!important;min-height:100px!important;padding:7px!important;gap:5px!important}.bottom-nav button{min-height:40px!important;font-size:8.5px!important}.app-shell,#app.screen{padding-bottom:145px!important}.nav-safe-space{height:145px!important}.chat-card{max-height:calc(100dvh - 230px)!important}.chat-form .primary{min-width:88px!important}}
.crypto-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.crypto-sync-note{font-size:12px;color:#6c7a90;margin:8px 0 10px}.tx-row.pending span{color:#d97706}.tx-row.confirmed span{color:#10b981}

/* Global audit hotfix 20260620 v1 */
.center-card.soft-start h1{font-size:18px;color:#5f6f86;letter-spacing:-.02em}.center-card.soft-start{min-height:220px}.chat-error{text-align:left}.chat-error b{display:block;margin-bottom:6px}.chat-error .ghost{margin-top:10px;height:38px;box-shadow:none;background:#fff;width:auto;padding:0 14px}.bottom-nav{z-index:60!important}.chat-form{z-index:20}.screen{position:relative}.loader-hint{margin-top:8px}


/* Stable full fix v4 */
.contract-card[role="button"], .mini-contract[role="button"]{cursor:default!important}
.contract-progress-wrap{padding:12px;border-radius:16px;background:#f7fbff;border:1px solid rgba(95,112,134,.10)}
.contract-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#69788e;font-size:12px;font-weight:700}
.contract-progress-label b{color:#13b98e;font-variant-numeric:tabular-nums}
.contract-progress-bar{height:10px;border-radius:999px;background:#e9f1f8;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}
.contract-progress-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#38dcc5);transition:width .8s linear}
.chat-card{min-height:calc(100dvh - 245px)!important;max-height:none!important}
.chat-box{min-height:0!important;flex:1 1 auto!important}
.chat-form{flex:0 0 auto}
@supports(height:100svh){.chat-card{min-height:calc(100svh - 245px)!important}}
body.keyboard-open .chat-card{min-height:calc(100dvh - 120px)!important;max-height:calc(100dvh - 120px)!important}
body.keyboard-open .bottom-nav{transform:translateY(130%)!important;opacity:0!important;pointer-events:none!important}
.deposit-tx.confirmed,.deposit-tx.success{border-color:rgba(16,185,129,.22)!important;background:#f0fff8!important}
.deposit-tx.confirmed .tx-status,.deposit-tx.success .tx-status{color:#0f9f73!important}
.deposit-tx.pending .tx-status{color:#d97706!important}

/* Global menu / finance / settings / FAQ patch v7 */
.bottom-nav{grid-template-columns:repeat(4,1fr)!important;min-height:104px!important;width:min(410px,calc(100% - 20px))!important;}
.bottom-nav button{min-height:42px!important;font-size:9px!important;line-height:1.05!important;}
.intro-card{display:grid;grid-template-columns:1fr!important;gap:14px;padding:16px;}
.intro-card .block-link{width:100%;height:44px;border-radius:16px;background:#f4f9ff;text-align:center;padding:12px 14px;}
.about-stack,.faq-list{display:grid;gap:12px}.info-card{border:1px solid var(--line);background:rgba(255,255,255,.9);border-radius:24px;box-shadow:var(--shadow2);padding:16px}.info-card.big{background:linear-gradient(145deg,#fff,#effcff)}.info-card b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:13px;background:#eaf6ff;color:var(--blue);font-weight:950}.info-card h3{margin:10px 0 8px;font-size:19px;letter-spacing:-.04em}.info-card p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.45}.info-card .ghost{width:100%;box-shadow:none}.faq-item{border:1px solid var(--line);background:#fff;border-radius:20px;padding:0 14px;box-shadow:var(--shadow2);overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:950;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0 0 16px;color:var(--muted);line-height:1.45}.finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.finance-summary .metric{min-height:96px}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.rate-grid div{border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:12px}.rate-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800}.rate-grid b{display:block;margin-top:7px;font-size:14px}.rate-grid em{display:block;margin-top:6px;font-style:normal;color:#d97706;font-size:11px}.market-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.market-actions input{height:48px;margin:0}.market-actions button{min-width:112px;height:48px}.settings-card{margin-bottom:12px}.wallet-lock-card code,.locked-wallet code{display:block;word-break:break-all;background:#f5f9ff;border:1px solid var(--line);border-radius:16px;padding:12px;margin:10px 0;color:#132238}.locked-wallet span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e8fff5;color:#0b956a;font-weight:950}.locked-wallet p{color:var(--muted);line-height:1.4}.compact-ref{margin-top:12px}.nav-safe-space{height:158px!important}.chat-card{min-height:calc(100dvh - 220px)!important}.chat-box:empty:before{content:'Сообщений пока нет.';display:block;color:var(--muted);padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
@media(max-width:390px){.market-actions{grid-template-columns:1fr}.market-actions button{width:100%}.finance-summary,.rate-grid{grid-template-columns:1fr}.bottom-nav button{font-size:8.2px!important}}

/* V8 contracts/chat/settings refinements */
.contract-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.contract-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.76);border-radius:18px;padding:12px 8px;font-weight:950;color:var(--muted);box-shadow:0 8px 22px rgba(15,23,42,.04);cursor:pointer}
.contract-tabs button.active{background:linear-gradient(135deg,#eafff6,#ffffff);color:var(--green);border-color:#baf4dc;box-shadow:0 12px 28px rgba(20,201,154,.12)}
.contract-tabs b{display:block;margin-top:4px;color:var(--text);font-size:15px}.small-refresh{min-height:42px;padding:0 16px}.chat-bubble b{letter-spacing:.01em}.settings-card .profile-grid{grid-template-columns:1fr 1fr}.wallet-lock-card{margin-top:12px}
@media(max-width:390px){.contract-tabs{gap:6px}.contract-tabs button{font-size:11px;padding:10px 4px}.settings-card .profile-grid{grid-template-columns:1fr}}


/* V9 finance UX, tabs typography and site modals */
.bottom-nav button{font-size:9.6px!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1.05!important}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{font-weight:950!important}.nav-svg svg{stroke-width:1.85!important}
.finance-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.finance-stat{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.92);border-radius:22px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.07);min-height:104px}.finance-stat span{display:block;color:#6f7f95;font-size:12px;font-weight:850}.finance-stat strong{display:block;margin-top:8px;font-size:20px;line-height:1.05;letter-spacing:-.055em;color:#132238}.finance-stat em{display:block;margin-top:7px;font-size:11.5px;font-style:normal;color:#8a98aa}.finance-stat.accent strong{color:#12aa7d}.finance-stat.green strong{color:#0f9f73}.finance-stat.blue strong{color:#2f77f6}.finance-stat.orange strong{color:#d97706}.finance-stat.violet{grid-column:1/-1}.finance-stat.violet strong{color:#7c3aed}.finance-section{position:relative;margin:14px 0;padding:18px;border:1px solid rgba(148,163,184,.20);background:rgba(255,255,255,.93);border-radius:26px;box-shadow:0 16px 42px rgba(15,23,42,.08);backdrop-filter:blur(18px)}.finance-section h3{margin:0 0 10px;font-size:21px;letter-spacing:-.045em}.finance-section p{margin:0 0 14px;color:#69788e;line-height:1.42}.finance-section small{display:block;margin-top:10px;color:#69788e;font-weight:750}.units-market .rate-grid{margin:8px 0 14px}.market-actions{grid-template-columns:minmax(0,1fr) 112px!important;gap:10px!important}.market-actions label{display:block;margin:0}.market-actions label span{display:block;margin:0 0 6px;color:#6f7f95;font-size:12px;font-weight:850}.market-actions input{margin:0!important}.market-actions button{height:54px!important}.market-result{min-height:22px;margin-top:12px;font-size:13px;font-weight:850}.market-result .ok{color:#0f9f73}.market-result .bad{color:#c2410c}.primary.is-loading,.ghost.is-loading{opacity:.72;pointer-events:none;filter:saturate(.8)}.finance-ref{margin:14px 0 0!important}.finance-ref h4{margin:14px 0 10px;font-size:17px;letter-spacing:-.03em}.ref-table{display:grid;gap:8px}.ref-user-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);gap:8px;align-items:center;padding:11px;border-radius:18px;background:#f7fbff;border:1px solid rgba(148,163,184,.14)}.ref-user-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-user-row span{display:block;color:#75849a;font-size:10.8px;font-weight:800}.ref-user-row b{display:block;margin-top:3px;font-size:12.5px;letter-spacing:-.02em}.site-toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 16px);transform:translate(-50%,-18px);width:min(360px,calc(100% - 34px));z-index:9999;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 48px rgba(15,23,42,.18);padding:13px 15px;opacity:0;pointer-events:none;transition:.22s ease;backdrop-filter:blur(18px)}.site-toast.show{opacity:1;transform:translate(-50%,0)}.site-toast b{display:block;font-size:13px;color:#132238}.site-toast span{display:block;margin-top:4px;color:#66758b;font-size:13px;line-height:1.3}.site-toast.success{border-color:rgba(16,185,129,.28)}.site-toast.error{border-color:rgba(239,68,68,.28)}.site-modal-wrap{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:rgba(12,20,32,.28);opacity:0;pointer-events:none;transition:.18s ease;padding:22px}.site-modal-wrap.show{opacity:1;pointer-events:auto}.site-modal{width:min(360px,100%);border-radius:30px;background:linear-gradient(145deg,#ffffff,#f4fbff);border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 70px rgba(15,23,42,.25);padding:22px;transform:translateY(10px) scale(.98);transition:.18s ease}.site-modal-wrap.show .site-modal{transform:none}.site-modal h3{margin:0 0 10px;font-size:24px;letter-spacing:-.055em;text-align:center}.site-modal p{margin:0;color:#65748a;line-height:1.45;text-align:left;font-size:14px}.site-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.site-modal-actions button{min-height:50px}@media(max-width:390px){.finance-dashboard{grid-template-columns:1fr}.finance-stat.violet{grid-column:auto}.market-actions{grid-template-columns:1fr!important}.ref-user-row{grid-template-columns:1fr}.bottom-nav button{font-size:8.6px!important}}

/* Telegram Web hardening v13 */
.boot-card{min-height:260px;display:grid;place-items:center;text-align:center;padding:28px!important}
.boot-card .boot-hint{margin:8px 0 0;color:#718096;font-size:12px;line-height:1.35;max-width:310px}
body[data-app-build="layout-nav-v15-20260620"]:before{content:"";display:none}


/* V15 layout/nav fix: menu must never cover page content.
   Fixed nav is ~104px high + bottom gap, so the shell keeps one exact safe spacer. */
:root{--bottom-nav-space:calc(env(safe-area-inset-bottom) + 142px);}
.app-shell{
  min-height:100dvh;
  padding-bottom:var(--bottom-nav-space) !important;
}
#app.screen{
  padding-bottom:0 !important;
  min-height:0 !important;
}
.nav-safe-space{
  display:none !important;
  height:0 !important;
  flex-basis:0 !important;
}
.bottom-nav{
  bottom:calc(env(safe-area-inset-bottom) + 8px);
}
.page-head + .wallet-card,
.page-head + .finance-summary,
.page-head + .profile-card,
.page-head + .chat-box{
  margin-top:10px;
}
.cards-list:last-child,
.info-grid:last-child,
.faq-list:last-child,
.finance-referrals:last-child,
.chat-box:last-child,
.wallet-card:last-child,
.how-card:last-child{
  margin-bottom:0 !important;
}
@supports (height: 100dvh){
  html, body { min-height:100dvh; }
}

/* V15 final guard: all rendered page blocks keep clear space above fixed nav. */
.screen > *:last-child{margin-bottom:0!important;}
body.keyboard-open .app-shell{padding-bottom:18px!important;}
@media(max-height:680px){:root{--bottom-nav-space:calc(env(safe-area-inset-bottom) + 132px);}}

/* V16 Referral system */
.advanced-ref{display:grid;gap:14px}.ref-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ref-stats-grid>div{background:#f5fbff;border:1px solid #dfeaf6;border-radius:18px;padding:12px;min-width:0}.ref-stats-grid span{display:block;color:#6b7b94;font-size:12px;font-weight:900}.ref-stats-grid b{display:block;color:#102033;font-size:18px;margin-top:4px}.ref-progress{background:#f8fbff;border:1px solid #dfeaf6;border-radius:20px;padding:14px}.ref-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.ref-progress b{font-size:14px}.ref-progress span,.ref-progress p{color:#657690;font-size:12px;font-weight:800;margin:0}.ref-progress-track{height:10px;background:#e9f1f8;border-radius:999px;overflow:hidden;margin:10px 0}.ref-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#17c999,#35d4c8);transition:width .35s ease}.bonus-history{display:grid;gap:8px}.bonus-history>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#f7fbff;border:1px solid #e2edf7;border-radius:16px;padding:10px 12px}.bonus-history strong{color:#0a9b73}.bonus-history span{font-weight:850}.bonus-history em{font-style:normal;color:#8190a5;font-size:12px;font-weight:800}.ref-user-row{grid-template-columns:1.2fr .8fr .8fr .8fr}@media(max-width:520px){.ref-stats-grid{grid-template-columns:repeat(2,1fr)}.bonus-history>div{grid-template-columns:1fr}.ref-user-row{grid-template-columns:1fr}.ref-user-row>div{border-top:1px solid #edf3f8;padding-top:8px}.ref-user-row>div:first-child{border-top:0;padding-top:0}}

/* V17 chat identity/admin testing polish */
.admin-toggle{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#64748b;font-weight:800;font-size:13px}
.admin-toggle input{width:auto;accent-color:#20c997}
.ref-table{max-height:520px;overflow:auto;padding-right:4px}
.bonus-history{max-height:360px;overflow:auto;padding-right:4px}

/* V18 finance history/referral pages */
.deposit-crypto-card .wide,.finance-section .wide{width:100%;margin-top:10px}.compact-wallet code{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.wallet-mini-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.wallet-mini-status>div{background:#f6fbff;border:1px solid #e2edf7;border-radius:16px;padding:11px}.wallet-mini-status span{display:block;color:#6b7b94;font-size:11px;font-weight:850}.wallet-mini-status b{display:block;margin-top:4px;color:#122238;font-size:16px;letter-spacing:-.03em}.subtabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px}.subtabs button{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.88);border-radius:18px;min-height:48px;color:#64748b;font-weight:900;font-size:13px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.subtabs button.active{color:#0fa66f;background:linear-gradient(145deg,#e8fff6,#fff);border-color:rgba(16,185,129,.25)}.history-section{padding:16px}.history-list{display:grid;gap:9px;max-height:620px;overflow:auto;padding-right:3px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:10px;align-items:center;background:#f7fbff;border:1px solid #e2edf7;border-radius:18px;padding:12px}.history-main{min-width:0;display:grid;gap:5px}.history-main b{font-size:20px;line-height:1.05;color:#122238;letter-spacing:-.04em;white-space:nowrap}.history-main small{color:#8391a6;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.history-date{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:15px;padding:10px 8px;text-align:center}.history-date span{display:block;font-size:12px;color:#64748b;font-weight:850}.history-date em{display:block;margin-top:3px;font-style:normal;font-size:13px;color:#132238;font-weight:950;font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.015em}.status-pill.ok{background:#eafff6;color:#0fa66f}.status-pill.pending{background:#fff7ed;color:#d97706}.status-pill.bad{background:#fff1f2;color:#e11d48}.ref-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-action-grid button{min-height:50px}.ref-table-full,.bonus-history-full{max-height:680px!important;overflow:auto!important}.ref-table-full .ref-user-row strong{font-size:14px;color:#132238}.bonus-history-full>div{grid-template-columns:minmax(86px,auto) 1fr 92px}.bonus-history-full strong{white-space:nowrap}.bonus-history-full em{text-align:right}.page-head+.referral-card,.page-head+.finance-section,.subtabs+.finance-section,.subtabs+.referral-card{margin-top:0!important}@media(max-width:390px){.history-row{grid-template-columns:minmax(0,1fr) 86px;padding:11px}.history-main b{font-size:18px}.history-date{padding:9px 6px}.history-date span{font-size:11px}.history-date em{font-size:12px}.subtabs button{font-size:12px}.ref-action-grid{grid-template-columns:1fr}.bonus-history-full>div{grid-template-columns:1fr}.bonus-history-full em{text-align:left}.wallet-mini-status{grid-template-columns:1fr}.history-list{max-height:560px}}

/* V19 finance actions: readable referral buttons, balances near buy/sell, confirm-ready UX */
.market-balance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.market-balance-strip>div{background:linear-gradient(145deg,#f4fbff,#fff);border:1px solid #dfeaf6;border-radius:18px;padding:11px 10px;min-width:0}
.market-balance-strip span{display:block;color:#6b7b94;font-size:11px;font-weight:900;line-height:1.15}
.market-balance-strip b{display:block;margin-top:5px;color:#122238;font-size:15px;line-height:1.05;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-action-grid{grid-template-columns:1fr!important;gap:9px!important}
.ref-action-grid button{width:100%;min-height:58px!important;padding:12px 14px!important;border-radius:22px!important;font-size:20px!important;line-height:1.05!important;letter-spacing:-.045em;white-space:normal!important;text-align:center!important}
.ref-action-grid button:first-child{background:linear-gradient(145deg,#fff,#f7fbff)}
.ref-action-grid button:nth-child(2){background:linear-gradient(145deg,#eafff6,#fff);border-color:rgba(16,185,129,.24)}
.units-market .market-actions{align-items:end}.units-market .market-actions button{font-size:17px;font-weight:950}.site-modal p{white-space:normal}.site-modal-actions .primary{box-shadow:0 12px 28px rgba(16,185,129,.18)}
@media(min-width:500px){.ref-action-grid{grid-template-columns:1fr 1fr!important}.ref-action-grid button{font-size:18px!important}}
@media(max-width:390px){.market-balance-strip{grid-template-columns:1fr}.ref-action-grid button{font-size:17px!important;min-height:54px!important}.units-market .market-actions button{font-size:16px}}

/* V20 UI optimization layer: unified typography, cards, finance/referral readability. */
:root{
  --ui-text:#102033;
  --ui-muted:#6d7b92;
  --ui-soft:#f5faff;
  --ui-line:#dfeaf6;
  --ui-green:#18bd90;
  --ui-cyan:#33d7ca;
  --ui-radius-lg:28px;
  --ui-radius-md:20px;
  --ui-shadow:0 18px 48px rgba(15,23,42,.08);
  --bottom-nav-space:calc(env(safe-area-inset-bottom) + 146px);
}
html,body{font-feature-settings:"kern" 1,"tnum" 1;text-rendering:optimizeLegibility;color:var(--ui-text)}
body{letter-spacing:-.015em}.screen{font-size:16px}.page-head{margin-bottom:14px}.page-head h1{font-size:clamp(32px,7.4vw,46px);line-height:.96;letter-spacing:-.075em;margin:0 0 10px;color:var(--ui-text)}.page-head p{font-size:clamp(15px,3.8vw,20px);line-height:1.38;color:var(--ui-muted);font-weight:700;margin:0}.topbar strong{font-size:16px;letter-spacing:-.035em}.topbar span{font-size:12px;color:var(--ui-muted);font-weight:700}.logo{font-weight:950}.primary,.ghost,button.primary,button.ghost{min-height:54px;border-radius:20px;font-size:16px;font-weight:950;letter-spacing:-.035em}.primary{background:linear-gradient(135deg,var(--ui-green),var(--ui-cyan));box-shadow:0 14px 28px rgba(16,185,129,.16)}.ghost{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.22)}
.wallet-card,.finance-section,.referral-card,.profile-card,.info-card,.faq-item,.center-card,.intro-card,.chat-box{border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow);border:1px solid rgba(148,163,184,.14)}.finance-section,.referral-card{padding:22px}.finance-section h3,.referral-card h3,.history-section h3{font-size:24px;line-height:1.05;letter-spacing:-.065em;margin:0 0 12px}.finance-section p{font-size:15px;line-height:1.42;color:var(--ui-muted);font-weight:750}.finance-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.finance-stat{min-height:96px;border-radius:22px;padding:16px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid var(--ui-line)}.finance-stat span{font-size:13px;line-height:1.12;color:var(--ui-muted);font-weight:950}.finance-stat strong{font-size:25px;line-height:1.05;letter-spacing:-.065em;color:var(--ui-text);margin-top:8px}.finance-stat em{font-size:12px;color:#8190a5;font-weight:850;margin-top:5px}.finance-stat.violet{grid-column:1/-1}.deposit-crypto-card,.units-market{display:grid;gap:12px}.wallet-mini-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wallet-mini-status>div,.market-balance-strip>div,.rate-grid>div,.ref-stats-grid>div{background:linear-gradient(145deg,#f6fbff,#fff);border:1px solid var(--ui-line);border-radius:20px}.market-balance-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.market-balance-strip>div{padding:13px 11px}.market-balance-strip span{font-size:11px;text-transform:none;color:var(--ui-muted);font-weight:950}.market-balance-strip b{font-size:16px}.rate-grid{gap:10px}.market-actions{gap:10px}.market-actions label span{display:block;margin-bottom:7px;color:var(--ui-muted);font-weight:900;font-size:12px}.market-actions input,.finance-section input,.glass-form input{height:58px;border-radius:20px;border:1px solid var(--ui-line);font-size:18px;font-weight:850;letter-spacing:-.035em;padding:0 16px;background:#fff}.market-result{min-height:24px;font-size:13px;font-weight:850}.history-section{padding:20px}.history-list{max-height:calc(100dvh - 310px);min-height:180px;overflow:auto;display:grid;gap:10px;padding:2px 4px 2px 0;-webkit-overflow-scrolling:touch}.history-row{grid-template-columns:minmax(0,1fr) 106px;gap:12px;padding:13px;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid var(--ui-line)}.history-main{gap:6px;min-width:0}.history-amount,.history-main b{font-size:23px!important;line-height:1!important;letter-spacing:-.06em;white-space:nowrap;color:var(--ui-text)}.history-date{align-self:stretch;display:grid;place-items:center;border-radius:17px;background:#fff}.history-date span,.history-date em{font-variant-numeric:tabular-nums}.history-date span{font-size:12px}.history-date em{font-size:13px}.status-pill{font-size:9.8px;letter-spacing:.025em;line-height:1;max-width:100%;white-space:normal;text-align:left}.subtabs{gap:10px;margin-bottom:14px}.subtabs button{min-height:54px;border-radius:20px;font-size:15px;letter-spacing:-.035em}.advanced-ref{gap:16px}.ref-head{align-items:center}.ref-head h3{font-size:28px;line-height:1;letter-spacing:-.075em}.ref-head>b{min-width:70px;min-height:70px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbff,#fff);font-size:31px;letter-spacing:-.06em}.ref-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.ref-link input{height:58px;border-radius:20px;font-size:16px;font-weight:850}.ref-link .primary{padding:0 20px;white-space:nowrap}.ref-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-stats-grid>div{padding:16px}.ref-stats-grid span{font-size:13px}.ref-stats-grid b{font-size:26px;letter-spacing:-.065em}.ref-progress{border-radius:22px;padding:16px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid var(--ui-line)}.ref-progress>div:first-child b{font-size:18px;letter-spacing:-.045em}.ref-progress>div:first-child span{font-size:14px}.ref-progress p{font-size:14px;line-height:1.25}.ref-progress-track{height:11px}.ref-action-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.ref-action-grid button{font-size:22px!important;line-height:1.05!important;min-height:64px!important;border-radius:24px!important;padding:12px 18px!important}.ref-table-full,.bonus-history-full{max-height:calc(100dvh - 320px)!important;min-height:180px;overflow:auto!important;padding-right:4px;-webkit-overflow-scrolling:touch}.ref-user-row{grid-template-columns:minmax(0,1.25fr) minmax(92px,.8fr) minmax(92px,.8fr) minmax(92px,.8fr);gap:10px;padding:14px;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid var(--ui-line)}.ref-user-row strong{font-size:17px!important}.ref-user-row span{font-size:12px;color:var(--ui-muted);font-weight:850}.ref-user-row b{font-size:16px}.bonus-history{gap:10px}.bonus-history-full .bonus-row{display:grid;grid-template-columns:102px minmax(0,1fr) 96px;gap:12px;align-items:center;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid var(--ui-line);padding:14px}.bonus-amount{font-size:21px!important;color:#0fa66f!important;white-space:nowrap;letter-spacing:-.055em}.bonus-copy{display:grid!important;gap:4px;min-width:0}.bonus-copy b{font-size:18px;line-height:1.08;color:var(--ui-text);letter-spacing:-.045em}.bonus-copy small{font-size:12px;line-height:1.22;color:var(--ui-muted);font-weight:850}.bonus-date{display:grid;text-align:right;font-style:normal!important;color:#7b8ba2;font-weight:900}.bonus-date span{font-size:12px}.bonus-date small{font-size:13px;color:var(--ui-text);font-weight:950}.bottom-nav{border-radius:26px;box-shadow:0 18px 48px rgba(15,23,42,.14);padding:10px 8px!important;gap:4px}.bottom-nav button{min-height:56px;border-radius:20px!important;font-size:10.5px!important;letter-spacing:-.02em;color:#718096}.bottom-nav button.active{background:linear-gradient(145deg,#eafff6,#fff);color:#0fa66f;border-color:rgba(16,185,129,.26);box-shadow:0 10px 24px rgba(16,185,129,.12)}.nav-svg svg{width:23px;height:23px;stroke-width:2.35}.site-modal{border-radius:30px;padding:24px}.site-modal h3{font-size:26px}.site-modal p{font-size:15px;line-height:1.45;color:var(--ui-muted);font-weight:750}.site-toast{border-radius:20px}
@media(max-width:430px){.finance-section,.referral-card{padding:18px}.page-head h1{font-size:36px}.finance-dashboard{gap:9px}.finance-stat{padding:14px;min-height:88px}.finance-stat strong{font-size:22px}.history-row{grid-template-columns:minmax(0,1fr) 92px}.history-amount,.history-main b{font-size:20px!important}.bonus-history-full .bonus-row{grid-template-columns:86px minmax(0,1fr);grid-template-areas:"amount copy" "date date"}.bonus-amount{grid-area:amount;font-size:18px!important}.bonus-copy{grid-area:copy}.bonus-date{grid-area:date;display:flex;justify-content:flex-end;gap:8px;text-align:right;border-top:1px solid #e6eef7;padding-top:8px}.ref-link{grid-template-columns:1fr}.ref-link .primary{width:100%}.market-balance-strip{grid-template-columns:1fr 1fr}.market-balance-strip>div:first-child{grid-column:1/-1}.ref-action-grid button{font-size:20px!important}.bottom-nav button{font-size:9.6px!important}.bottom-nav{left:18px;right:18px}}
@media(max-width:370px){.finance-dashboard,.ref-stats-grid,.wallet-mini-status{grid-template-columns:1fr}.history-row{grid-template-columns:1fr}.history-date{display:flex;justify-content:space-between;gap:8px;text-align:left}.market-balance-strip{grid-template-columns:1fr}.bottom-nav button{font-size:8.8px!important}.nav-svg svg{width:21px;height:21px}}


/* V21 visual system patch: lighter typography, compact cards, readable finance/referral/history. */
:root{
  --v21-text:#132238;
  --v21-muted:#718096;
  --v21-soft:#f7fbff;
  --v21-line:#e3edf8;
  --v21-green:#16b889;
  --v21-cyan:#35d3c7;
  --v21-blue:#2f77f6;
  --v21-orange:#d97706;
  --v21-violet:#7c3aed;
  --v21-shadow:0 14px 34px rgba(15,23,42,.075);
  --v21-card-radius:24px;
  --v21-control-radius:18px;
  --bottom-nav-height:114px;
  --bottom-nav-space:calc(env(safe-area-inset-bottom) + 132px);
}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Segoe UI,Roboto,Arial,sans-serif!important;color:var(--v21-text)!important;letter-spacing:-.012em!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-weight:500!important}.screen{padding-bottom:var(--bottom-nav-space)!important}.app-shell,#app{padding-bottom:0!important}.nav-safe-space{display:none!important;height:0!important}.page-head{margin:0 0 16px!important}.page-head h1{font-size:clamp(30px,6.7vw,40px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.065em!important;margin:0 0 8px!important;color:var(--v21-text)!important}.page-head p{font-size:clamp(15px,3.8vw,18px)!important;line-height:1.35!important;font-weight:560!important;color:var(--v21-muted)!important;letter-spacing:-.018em!important}.eyebrow{font-size:11px!important;font-weight:750!important;letter-spacing:.02em!important;color:var(--v21-blue)!important;text-transform:uppercase!important}.topbar strong{font-size:15px!important;font-weight:750!important}.topbar span{font-size:12px!important;font-weight:520!important;color:var(--v21-muted)!important}
/* Controls */
button,.primary,.ghost{font-family:inherit!important}.primary,.ghost,button.primary,button.ghost{min-height:50px!important;border-radius:var(--v21-control-radius)!important;font-size:15.5px!important;font-weight:760!important;letter-spacing:-.025em!important;line-height:1.08!important}.primary{background:linear-gradient(135deg,var(--v21-green),var(--v21-cyan))!important;box-shadow:0 12px 24px rgba(16,185,129,.15)!important;color:#061b18!important}.ghost{background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid rgba(148,163,184,.22)!important;color:var(--v21-text)!important;box-shadow:0 8px 18px rgba(15,23,42,.045)!important}input,textarea{font-family:inherit!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--v21-text)!important}.finance-section input,.glass-form input,.market-actions input{height:52px!important;border-radius:18px!important;font-size:16px!important;font-weight:650!important;padding:0 14px!important}
/* Cards */
.wallet-card,.finance-section,.referral-card,.profile-card,.info-card,.faq-item,.center-card,.intro-card,.chat-box,.contract-card,.mini-contract{border-radius:var(--v21-card-radius)!important;box-shadow:var(--v21-shadow)!important;border:1px solid rgba(148,163,184,.16)!important;background:rgba(255,255,255,.93)!important}.finance-section,.referral-card{padding:18px!important;margin:14px 0!important}.finance-section h3,.referral-card h3,.history-section h3,.info-card h3{font-size:22px!important;line-height:1.08!important;font-weight:780!important;letter-spacing:-.052em!important;margin:0 0 10px!important;color:var(--v21-text)!important}.finance-section p,.info-card p,.faq-item p{font-size:14.5px!important;line-height:1.42!important;font-weight:520!important;color:var(--v21-muted)!important}.info-card b{font-weight:750!important}.info-card .primary,.info-card .ghost{width:100%;margin-top:8px!important}
/* Bottom nav compact and lighter */
.bottom-nav{height:104px!important;min-height:104px!important;width:min(392px,calc(100% - 28px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding:8px 8px!important;gap:2px!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 40px rgba(15,23,42,.14)!important;backdrop-filter:blur(20px)!important}.bottom-nav button{min-height:42px!important;border-radius:18px!important;padding:4px 3px!important;font-size:9.2px!important;font-weight:650!important;line-height:1.04!important;letter-spacing:-.015em!important;color:#718096!important}.bottom-nav button.active{font-weight:760!important;color:#0ea976!important;background:linear-gradient(145deg,#eafff6,#fff)!important;border-color:rgba(16,185,129,.26)!important;box-shadow:0 8px 18px rgba(16,185,129,.10)!important}.nav-svg svg{width:21px!important;height:21px!important;stroke-width:2.05!important}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
/* Finance dashboard */
.finance-dashboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.finance-stat{min-height:86px!important;padding:13px 14px!important;border-radius:20px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important;overflow:hidden!important}.finance-stat span{font-size:12px!important;line-height:1.15!important;font-weight:680!important;color:var(--v21-muted)!important;letter-spacing:-.015em!important}.finance-stat strong{display:block!important;margin-top:7px!important;font-size:clamp(20px,5.6vw,24px)!important;line-height:1.04!important;font-weight:760!important;letter-spacing:-.062em!important;color:var(--v21-text)!important;white-space:nowrap!important}.finance-stat em{font-size:11.5px!important;font-weight:560!important;color:#8190a5!important;margin-top:5px!important}.finance-stat.accent strong,.finance-stat.green strong{color:#13a779!important}.finance-stat.blue strong{color:var(--v21-blue)!important}.finance-stat.orange strong{color:#d97706!important}.finance-stat.violet{grid-column:1/-1!important;min-height:78px!important}.finance-stat.violet strong{color:var(--v21-violet)!important}.finance-stat strong:has(+ em){max-width:100%}.wallet-mini-status{gap:9px!important}.wallet-mini-status>div,.market-balance-strip>div,.rate-grid>div{border-radius:18px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important;box-shadow:none!important}.market-balance-strip{gap:8px!important}.market-balance-strip>div{padding:10px!important}.market-balance-strip span,.rate-grid span{font-size:11px!important;font-weight:680!important;color:var(--v21-muted)!important}.market-balance-strip b,.rate-grid b{font-size:15px!important;font-weight:760!important;letter-spacing:-.04em!important;white-space:nowrap!important}.market-actions{gap:9px!important}.market-actions button{height:52px!important;font-size:15px!important;font-weight:760!important}.market-result{font-size:12.5px!important;font-weight:620!important}
/* History rows: bank-like, no broken USDT */
.history-section{padding:18px!important;border-radius:24px!important}.history-list{max-height:calc(100dvh - 285px)!important;min-height:180px!important;gap:9px!important;padding:2px 2px 2px 0!important}.history-row{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;align-items:center!important;gap:10px!important;padding:12px 13px!important;border-radius:18px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important;box-shadow:none!important}.history-main{display:grid!important;gap:5px!important;min-width:0!important}.history-amount,.history-main b{font-size:19px!important;line-height:1!important;font-weight:760!important;letter-spacing:-.05em!important;white-space:nowrap!important;color:var(--v21-text)!important}.history-main small{font-size:11px!important;color:var(--v21-muted)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.history-date{display:grid!important;place-items:end!important;text-align:right!important;background:transparent!important;border-radius:0!important;align-self:center!important}.history-date span{font-size:11.5px!important;line-height:1.1!important;font-weight:650!important;color:#8090a6!important}.history-date em{font-size:12.5px!important;line-height:1.1!important;font-style:normal!important;font-weight:740!important;color:var(--v21-text)!important}.status-pill{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:6px 9px!important;border-radius:999px!important;font-size:9.5px!important;font-weight:760!important;letter-spacing:.025em!important;line-height:1!important;white-space:nowrap!important}.status-pill.ok{background:#e9fff5!important;color:#0fa66f!important}.status-pill.pending{background:#fff8e7!important;color:#d97706!important}.status-pill.bad{background:#fff1f2!important;color:#dc2626!important}.subtabs button{min-height:48px!important;border-radius:18px!important;font-size:14px!important;font-weight:720!important}
/* Referral block */
.advanced-ref{gap:13px!important}.ref-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.ref-head h3{font-size:26px!important;line-height:1.03!important;font-weight:800!important;letter-spacing:-.065em!important}.ref-head>b{min-width:62px!important;min-height:62px!important;border-radius:22px!important;font-size:28px!important;font-weight:760!important;background:linear-gradient(145deg,#f8fbff,#fff)!important}.ref-link{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important}.ref-link input{height:52px!important;border-radius:18px!important;font-size:14px!important;font-weight:560!important;color:#6b7c92!important}.ref-link .primary{height:52px!important;padding:0 18px!important;font-size:15px!important;white-space:nowrap!important}.ref-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.ref-stats-grid>div{min-height:82px!important;padding:13px!important;border-radius:19px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important}.ref-stats-grid span{font-size:12px!important;font-weight:680!important;color:var(--v21-muted)!important}.ref-stats-grid b{font-size:clamp(23px,6vw,27px)!important;font-weight:760!important;letter-spacing:-.06em!important;line-height:1.02!important;white-space:nowrap!important}.ref-progress{padding:14px!important;border-radius:20px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important}.ref-progress>div:first-child b{font-size:17px!important;font-weight:740!important;letter-spacing:-.04em!important}.ref-progress>div:first-child span{font-size:13px!important;font-weight:650!important;color:#66758b!important}.ref-progress-track{height:10px!important;border-radius:999px!important}.ref-progress p{font-size:13px!important;line-height:1.25!important;font-weight:620!important;color:#67778d!important;margin:9px 0 0!important}.ref-action-grid{gap:9px!important}.ref-action-grid button{min-height:54px!important;border-radius:20px!important;font-size:18px!important;line-height:1.06!important;font-weight:760!important;padding:10px 14px!important;letter-spacing:-.04em!important}.ref-table-full,.bonus-history-full{max-height:calc(100dvh - 300px)!important;min-height:180px!important}.ref-user-row{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(74px,.8fr))!important;gap:8px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important}.ref-user-row strong{font-size:14.5px!important;font-weight:760!important;letter-spacing:-.03em!important}.ref-user-row span{font-size:10.5px!important;font-weight:600!important;color:var(--v21-muted)!important}.ref-user-row b{font-size:13.5px!important;font-weight:740!important;white-space:nowrap!important}.bonus-history-full .bonus-row{grid-template-columns:88px minmax(0,1fr) 88px!important;gap:10px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important;border:1px solid var(--v21-line)!important}.bonus-amount{font-size:18px!important;font-weight:760!important;letter-spacing:-.045em!important;color:#0fa66f!important;white-space:nowrap!important}.bonus-copy b{font-size:15.5px!important;font-weight:740!important;line-height:1.12!important;letter-spacing:-.035em!important}.bonus-copy small{font-size:11.5px!important;font-weight:560!important;color:var(--v21-muted)!important;line-height:1.2!important}.bonus-date{text-align:right!important;color:#8090a6!important;font-weight:650!important}.bonus-date span{font-size:11px!important}.bonus-date small{font-size:12px!important;font-weight:740!important;color:var(--v21-text)!important}
/* Contracts */
.contract-tabs{gap:8px!important}.contract-tabs button{border-radius:18px!important;min-height:72px!important;font-size:15px!important;font-weight:740!important;letter-spacing:-.035em!important}.contract-tabs b{font-size:14px!important;font-weight:760!important}.contract-card-v2{padding:18px!important;border-radius:24px!important}.contract-card h3,.mini-contract h3{font-size:23px!important;line-height:1.05!important;font-weight:780!important;letter-spacing:-.055em!important}.contract-card p,.mini-contract p{font-size:14px!important;font-weight:520!important;color:var(--v21-muted)!important}.contract-meta{gap:9px!important}.contract-meta>div{border-radius:18px!important;padding:11px!important}.contract-meta span{font-size:11px!important;font-weight:650!important;color:var(--v21-muted)!important}.contract-meta b{font-size:16px!important;font-weight:740!important;letter-spacing:-.035em!important}.reward b,.contract-reward b{font-weight:760!important;letter-spacing:-.055em!important;white-space:nowrap!important}.contract-card .primary{min-height:50px!important}.progress-line{height:8px!important}
/* Modals/toasts */
.site-modal{border-radius:28px!important;padding:22px!important}.site-modal h3{font-size:23px!important;font-weight:800!important;letter-spacing:-.06em!important}.site-modal p{font-size:14px!important;font-weight:520!important;line-height:1.42!important}.site-modal-actions button{min-height:48px!important}.site-toast b{font-weight:760!important}.site-toast span{font-weight:520!important}
@media(max-width:430px){:root{--bottom-nav-space:calc(env(safe-area-inset-bottom) + 128px)}.screen{padding-left:18px!important;padding-right:18px!important}.page-head h1{font-size:34px!important}.page-head p{font-size:16px!important}.finance-section,.referral-card{padding:16px!important}.finance-stat{min-height:82px!important;padding:12px!important}.finance-stat strong{font-size:21px!important}.finance-stat span{font-size:11.5px!important}.bottom-nav{width:min(386px,calc(100% - 26px))!important;height:102px!important;min-height:102px!important}.bottom-nav button{font-size:8.9px!important}.nav-svg svg{width:20px!important;height:20px!important}.ref-head h3{font-size:24px!important}.ref-head>b{min-width:58px!important;min-height:58px!important;font-size:26px!important}.ref-stats-grid b{font-size:24px!important}.ref-action-grid button{font-size:17px!important;min-height:52px!important}.history-row{grid-template-columns:minmax(0,1fr) 84px!important}.history-amount,.history-main b{font-size:18px!important}.bonus-history-full .bonus-row{grid-template-columns:78px minmax(0,1fr)!important;grid-template-areas:"amount copy" "date date"!important}.bonus-amount{grid-area:amount;font-size:16.5px!important}.bonus-copy{grid-area:copy}.bonus-date{grid-area:date!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;border-top:1px solid #e6eef7!important;padding-top:8px!important}.ref-user-row{grid-template-columns:minmax(0,1fr) 74px 74px!important}.ref-user-row>div:nth-child(4){grid-column:1/-1}.contract-tabs button{font-size:14px!important;min-height:66px!important}.contract-card h3,.mini-contract h3{font-size:21px!important}.primary,.ghost,button.primary,button.ghost{font-size:15px!important}}
@media(max-width:370px){.finance-dashboard,.ref-stats-grid,.wallet-mini-status{grid-template-columns:1fr!important}.history-row{grid-template-columns:1fr!important}.history-date{display:flex!important;justify-content:space-between!important;text-align:left!important}.ref-link{grid-template-columns:1fr!important}.market-balance-strip{grid-template-columns:1fr!important}.ref-user-row{grid-template-columns:1fr!important}.bottom-nav button{font-size:8.2px!important}.nav-svg svg{width:19px!important;height:19px!important}}

/* ==========================================================
   V22 HARMONIZED LAYOUT / TYPOGRAPHY FINAL OVERRIDE
   Purpose: one layout system, compact Telegram Mini App UI,
   no bottom menu overlap, lighter fonts, no duplicated whitespace.
   ========================================================== */
:root{
  --v22-bg:#eef5fb;
  --v22-card:#ffffff;
  --v22-soft:#f7fbff;
  --v22-text:#12223a;
  --v22-muted:#6b7a90;
  --v22-muted2:#8fa0b5;
  --v22-line:#dfe8f2;
  --v22-green:#16b981;
  --v22-blue:#2f7cf6;
  --v22-orange:#d97706;
  --v22-violet:#7c3aed;
  --v22-radius:24px;
  --v22-shadow:0 14px 34px rgba(24,42,68,.10);
  --v22-nav-h:102px;
  --v22-nav-bottom:10px;
  --v22-content-bottom:132px;
}
html,body,button,input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:auto!important;
}
html,body{background:var(--v22-bg)!important;color:var(--v22-text)!important;font-weight:500!important;overflow-x:hidden!important;}
body{min-height:100dvh!important;}
.app-shell{
  width:min(430px,100%)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:calc(env(safe-area-inset-top) + 12px) 16px 0!important;
  overflow-x:hidden!important;
  background:radial-gradient(circle at 8% 0%,rgba(16,185,129,.13),transparent 25%),radial-gradient(circle at 96% 6%,rgba(47,124,246,.13),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#f4f8fc 52%,#edf4fb 100%)!important;
}
#app.screen,.screen{
  display:block!important;
  min-height:calc(100dvh - 76px)!important;
  padding:0 0 calc(var(--v22-content-bottom) + env(safe-area-inset-bottom))!important;
  margin:0!important;
  overflow:visible!important;
  animation:fade .18s ease!important;
}
.nav-safe-space{display:none!important;height:0!important;min-height:0!important;flex:0 0 0!important;}
body.keyboard-open .bottom-nav{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(12px)!important;}
.topbar{height:48px!important;margin:0 0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.brand{gap:10px!important;min-width:0!important;}
.logo{width:40px!important;height:40px!important;border-radius:15px!important;font-size:17px!important;font-weight:760!important;}
.brand strong{font-size:16px!important;font-weight:720!important;letter-spacing:-.035em!important;line-height:1.05!important;}
.brand span{font-size:12px!important;font-weight:480!important;line-height:1.2!important;color:var(--v22-muted)!important;}
.lang{height:38px!important;min-width:58px!important;border-radius:20px!important;font-size:14px!important;font-weight:740!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
.page-head{margin:4px 0 16px!important;}
.page-head h1{font-size:clamp(28px,7vw,36px)!important;line-height:1.02!important;font-weight:780!important;letter-spacing:-.075em!important;margin:0!important;color:var(--v22-text)!important;}
.page-head p{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.38!important;font-weight:500!important;letter-spacing:-.018em!important;color:var(--v22-muted)!important;margin:8px 0 0!important;}
.eyebrow{font-size:10.5px!important;font-weight:760!important;letter-spacing:.035em!important;color:var(--v22-blue)!important;text-transform:uppercase!important;}
.hero-premium,.wallet-card,.infra-card,.how-card,.center-card,.profile-card,.glass-form,.package-card,.contract-card,.dc-card,.empty,.mini-contract,.finance-section,.referral-card,.info-card,.intro-card,.chat-card{
  border-radius:var(--v22-radius)!important;
  border:1px solid rgba(156,174,196,.22)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--v22-shadow)!important;
  backdrop-filter:blur(18px)!important;
}
.hero-title h1{font-size:28px!important;font-weight:780!important;letter-spacing:-.075em!important;line-height:1.02!important;}
.hero-title p,.intro-card p,.info-card p,.glass-form p,.finance-section p,.contract-card p,.dc-card p,.package-card p{font-size:14px!important;font-weight:500!important;line-height:1.42!important;color:var(--v22-muted)!important;}
.section-title{margin:18px 0 10px!important;}
.section-title h3,.finance-section h3,.referral-card h3,.info-card h3,.profile-card h3,.glass-form h3{font-size:21px!important;line-height:1.08!important;font-weight:760!important;letter-spacing:-.055em!important;color:var(--v22-text)!important;margin-top:0!important;}
.section-link{font-size:13px!important;font-weight:680!important;color:var(--v22-blue)!important;}
.wallet-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;margin-bottom:12px!important;}
.metric{min-height:70px!important;padding:11px 9px!important;border-radius:18px!important;overflow:hidden!important;}
.metric span,.finance-stat span,.ref-stats-grid span,.wallet-mini-status span,.market-balance-strip span,.rate-grid span,.contract-data span,.contract-meta-v2 em{font-size:11px!important;font-weight:630!important;line-height:1.15!important;color:var(--v22-muted)!important;letter-spacing:-.01em!important;}
.metric strong{font-size:clamp(15px,3.8vw,18px)!important;font-weight:720!important;line-height:1.05!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;color:var(--v22-text)!important;}
.metric.accent strong,.metric.green strong,.metric.blue strong{font-size:clamp(15px,3.8vw,18px)!important;}
.metric em{font-size:10.5px!important;font-weight:500!important;color:var(--v22-muted2)!important;}
.action-strip{gap:8px!important;margin-bottom:14px!important;}
.action-strip button{min-height:47px!important;border-radius:18px!important;font-size:12px!important;font-weight:720!important;letter-spacing:-.02em!important;}
.primary,.ghost,.mini-btn,.ghost-btn,button.primary,button.ghost{min-height:48px!important;border-radius:18px!important;font-size:15px!important;font-weight:740!important;letter-spacing:-.025em!important;}
.primary{box-shadow:0 12px 24px rgba(16,185,129,.16)!important;}
.ghost{box-shadow:0 8px 18px rgba(15,23,42,.055)!important;}
.finance-dashboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important;}
.finance-stat{min-height:78px!important;border-radius:20px!important;padding:12px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(156,174,196,.24)!important;box-shadow:0 8px 18px rgba(15,23,42,.055)!important;overflow:hidden!important;}
.finance-stat strong{display:block!important;font-size:clamp(18px,4.8vw,25px)!important;font-weight:720!important;line-height:1.04!important;letter-spacing:-.07em!important;white-space:nowrap!important;color:var(--v22-text)!important;}
.finance-stat.accent strong,.finance-stat.green strong,.finance-stat.blue strong,.finance-stat.orange strong,.finance-stat.violet strong{font-size:clamp(17px,4.6vw,24px)!important;}
.finance-stat em{font-size:12px!important;font-weight:520!important;color:var(--v22-muted)!important;line-height:1.2!important;}
.finance-dashboard .finance-stat:nth-child(5){grid-column:1/-1!important;}
.finance-section{padding:16px!important;margin:14px 0!important;overflow:hidden!important;}
.deposit-crypto-card .crypto-wallet{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.crypto-wallet code{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:13px!important;line-height:1.35!important;border-radius:16px!important;padding:12px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;color:var(--v22-text)!important;}
.crypto-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:12px 0!important;}
.minimum-warning{font-size:13px!important;line-height:1.35!important;border-radius:16px!important;padding:12px!important;}
.wallet-mini-status{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0!important;}
.wallet-mini-status>div,.market-balance-strip>div,.rate-grid>div{min-width:0!important;border-radius:17px!important;padding:11px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;}
.wallet-mini-status b,.market-balance-strip b,.rate-grid b{font-size:17px!important;font-weight:720!important;letter-spacing:-.045em!important;white-space:nowrap!important;color:var(--v22-text)!important;}
.crypto-sync-note{font-size:13px!important;margin:12px 0!important;}
.market-balance-strip{grid-template-columns:1fr 1fr!important;gap:9px!important;margin:12px 0!important;}
.market-balance-strip>div:first-child{grid-column:1/-1!important;}
.rate-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.rate-grid em{font-size:11px!important;font-weight:520!important;color:var(--v22-orange)!important;}
.market-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-top:12px!important;align-items:end!important;}
.market-actions label{min-width:0!important;}
.market-actions label span{font-size:12px!important;font-weight:650!important;color:var(--v22-muted)!important;margin-bottom:6px!important;display:block!important;}
.market-actions input,input,textarea{width:100%!important;min-height:48px!important;border-radius:18px!important;border:1px solid var(--v22-line)!important;background:#fff!important;padding:0 14px!important;font-size:15px!important;font-weight:560!important;color:var(--v22-text)!important;outline:none!important;}
.market-actions button{min-width:104px!important;}
.referral-card{padding:16px!important;margin:14px 0!important;}
.ref-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;margin-bottom:14px!important;}
.ref-head>div{display:contents!important;}
.ref-head .svg-icon{width:46px!important;height:46px!important;padding:11px!important;border-radius:18px!important;}
.ref-head h3{font-size:clamp(25px,6vw,32px)!important;font-weight:760!important;line-height:1.02!important;letter-spacing:-.075em!important;margin:2px 0 0!important;}
.ref-head>b{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-radius:22px!important;font-size:26px!important;font-weight:720!important;background:var(--v22-soft)!important;}
.ref-link{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin-bottom:12px!important;}
.ref-link input{height:50px!important;font-size:14px!important;font-weight:560!important;color:var(--v22-muted)!important;}
.ref-link .primary{width:auto!important;min-width:154px!important;padding:0 16px!important;white-space:nowrap!important;}
.ref-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important;}
.ref-stats-grid>div{padding:13px!important;border-radius:18px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;min-height:74px!important;overflow:hidden!important;}
.ref-stats-grid b{font-size:clamp(21px,5.3vw,28px)!important;font-weight:720!important;line-height:1.04!important;letter-spacing:-.07em!important;white-space:nowrap!important;color:var(--v22-text)!important;}
.ref-progress{padding:14px!important;border-radius:20px!important;margin-top:12px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;}
.ref-progress>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.ref-progress>div:first-child b{font-size:18px!important;font-weight:720!important;letter-spacing:-.045em!important;}
.ref-progress>div:first-child span{font-size:14px!important;font-weight:640!important;color:var(--v22-muted)!important;white-space:nowrap!important;}
.ref-progress-track{height:9px!important;margin:11px 0!important;border-radius:999px!important;background:#e9f1f8!important;}
.ref-progress p{font-size:13px!important;font-weight:560!important;line-height:1.3!important;margin:0!important;color:var(--v22-muted)!important;}
.ref-action-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important;}
.ref-action-grid button{min-height:52px!important;border-radius:20px!important;font-size:17px!important;font-weight:740!important;line-height:1.05!important;}
.history-section h3{font-size:22px!important;}
.history-list,.bonus-history,.ref-table-full,.bonus-history-full{display:grid!important;gap:10px!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
.history-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:18px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;}
.history-main{min-width:0!important;display:grid!important;gap:5px!important;}
.status-pill{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;font-size:10px!important;font-weight:760!important;line-height:1.1!important;letter-spacing:.02em!important;border-radius:999px!important;padding:6px 9px!important;white-space:normal!important;}
.history-amount,.history-main b{font-size:19px!important;font-weight:720!important;line-height:1.05!important;letter-spacing:-.055em!important;white-space:nowrap!important;color:var(--v22-text)!important;}
.history-date{min-width:86px!important;text-align:right!important;display:grid!important;gap:2px!important;place-items:center end!important;border-radius:14px!important;background:#fff!important;padding:8px!important;}
.history-date span{font-size:11.5px!important;font-weight:620!important;color:var(--v22-muted2)!important;}
.history-date em{font-size:12.5px!important;font-weight:680!important;color:var(--v22-muted)!important;font-style:normal!important;}
.bonus-history-full .bonus-row{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;grid-template-areas:"amount copy" "date date"!important;gap:8px 11px!important;align-items:center!important;padding:12px!important;border-radius:18px!important;background:var(--v22-soft)!important;border:1px solid var(--v22-line)!important;}
.bonus-amount{grid-area:amount!important;font-size:17px!important;font-weight:760!important;color:#0fa66f!important;white-space:nowrap!important;letter-spacing:-.04em!important;}
.bonus-copy{grid-area:copy!important;display:grid!important;gap:3px!important;min-width:0!important;}
.bonus-copy b{font-size:16px!important;line-height:1.12!important;font-weight:720!important;letter-spacing:-.045em!important;color:var(--v22-text)!important;}
.bonus-copy small{font-size:12px!important;line-height:1.25!important;font-weight:520!important;color:var(--v22-muted)!important;}
.bonus-date{grid-area:date!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;border-top:1px solid var(--v22-line)!important;padding-top:8px!important;font-style:normal!important;color:var(--v22-muted)!important;}
.bonus-date span,.bonus-date small{font-size:12px!important;font-weight:620!important;}
.contract-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:12px 0 18px!important;}
.contract-tabs button{min-height:64px!important;border-radius:19px!important;font-size:15px!important;font-weight:730!important;line-height:1.15!important;padding:10px 8px!important;}
.contract-tabs button b{font-size:18px!important;font-weight:720!important;margin-top:4px!important;}
.contract-card-v2,.mini-contract.contract-v2{padding:14px!important;border-radius:22px!important;gap:10px!important;}
.contract-title-row h3,.contract-card h3,.mini-contract h3{font-size:20px!important;font-weight:740!important;line-height:1.06!important;letter-spacing:-.055em!important;}
.company-logo{width:42px!important;height:42px!important;border-radius:15px!important;font-size:17px!important;font-weight:720!important;}
.contract-reward strong,.reward-line strong{font-size:19px!important;font-weight:730!important;letter-spacing:-.045em!important;white-space:nowrap!important;color:#12aa7e!important;}
.contract-meta-v2 b,.contract-data strong{font-size:14px!important;font-weight:690!important;letter-spacing:-.02em!important;}
.chat-card{padding:12px!important;height:auto!important;min-height:calc(100dvh - 238px)!important;display:grid!important;grid-template-rows:minmax(220px,1fr) auto!important;overflow:hidden!important;}
.chat-box{min-height:220px!important;max-height:calc(100dvh - 318px)!important;overflow:auto!important;}
.chat-form{gap:8px!important;padding-top:10px!important;}
.chat-form input{min-height:48px!important;}
.chat-form .primary{min-width:108px!important;width:auto!important;padding:0 14px!important;}
.center-card{min-height:260px!important;padding:24px 18px!important;margin-top:28px!important;text-align:center!important;}
.center-card.boot-compact{min-height:230px!important;margin-top:40px!important;}
.center-card h1{font-size:26px!important;font-weight:760!important;line-height:1.12!important;letter-spacing:-.055em!important;}
.center-card p{font-size:14px!important;font-weight:500!important;line-height:1.42!important;color:var(--v22-muted)!important;}
.loader{width:44px!important;height:44px!important;border-width:4px!important;}
.bottom-nav{
  position:fixed!important;
  z-index:60!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(env(safe-area-inset-bottom) + var(--v22-nav-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(392px,calc(100% - 30px))!important;
  height:var(--v22-nav-h)!important;
  min-height:var(--v22-nav-h)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:3px!important;
  padding:8px!important;
  border-radius:25px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(156,174,196,.28)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(24px)!important;
}
.bottom-nav button{min-width:0!important;min-height:40px!important;height:auto!important;border-radius:17px!important;padding:4px 2px!important;font-size:9.2px!important;font-weight:640!important;line-height:1.04!important;letter-spacing:-.01em!important;color:#728196!important;background:transparent!important;box-shadow:none!important;border:0!important;gap:3px!important;}
.bottom-nav button.active{font-weight:730!important;color:#0ea976!important;background:linear-gradient(145deg,#eafff6,#fff)!important;box-shadow:0 8px 18px rgba(16,185,129,.10),inset 0 0 0 1px rgba(16,185,129,.20)!important;}
.bottom-nav button span:last-child{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.nav-svg{width:21px!important;height:21px!important;display:grid!important;place-items:center!important;}
.nav-svg svg{width:20px!important;height:20px!important;stroke-width:2!important;}
.site-modal{border-radius:24px!important;padding:18px!important;}
.site-modal h3{font-size:22px!important;font-weight:760!important;letter-spacing:-.055em!important;}
.site-modal p{font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:var(--v22-muted)!important;}
@media(max-width:430px){
  :root{--v22-content-bottom:132px;--v22-nav-h:102px;}
  .app-shell{padding-left:16px!important;padding-right:16px!important;}
  .page-head h1{font-size:31px!important;}
  .page-head p{font-size:15px!important;}
  .finance-section,.referral-card{padding:15px!important;}
  .finance-stat strong{font-size:20px!important;}
  .finance-stat.accent strong,.finance-stat.green strong,.finance-stat.blue strong,.finance-stat.orange strong,.finance-stat.violet strong{font-size:20px!important;}
  .ref-head h3{font-size:26px!important;}
  .ref-head>b{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;font-size:24px!important;}
  .ref-stats-grid b{font-size:23px!important;}
  .ref-link{grid-template-columns:1fr!important;}
  .ref-link .primary{width:100%!important;}
  .market-actions{grid-template-columns:1fr!important;}
  .market-actions button{width:100%!important;min-width:0!important;}
  .bottom-nav{width:min(386px,calc(100% - 28px))!important;}
  .bottom-nav button{font-size:8.8px!important;}
  .history-row{grid-template-columns:minmax(0,1fr) 82px!important;}
}
@media(max-width:370px){
  .wallet-card,.finance-dashboard,.ref-stats-grid,.wallet-mini-status,.crypto-actions,.rate-grid,.market-balance-strip{grid-template-columns:1fr!important;}
  .finance-dashboard .finance-stat:nth-child(5),.market-balance-strip>div:first-child{grid-column:auto!important;}
  .history-row{grid-template-columns:1fr!important;}
  .history-date{display:flex!important;justify-content:space-between!important;place-items:initial!important;text-align:left!important;min-width:0!important;}
  .contract-tabs button{font-size:13px!important;}
  .bottom-nav button{font-size:8px!important;}
  .nav-svg,.nav-svg svg{width:18px!important;height:18px!important;}
}

/* V23: stable chat layout, compact nav, faster finance rendering */
:root{
  --v23-nav-h:104px;
  --v23-nav-gap:18px;
  --v23-content-bottom:calc(var(--v23-nav-h) + var(--v23-nav-gap) + env(safe-area-inset-bottom));
}
#app.screen,.screen{
  padding-bottom:var(--v23-content-bottom)!important;
  min-height:100dvh!important;
  overflow-x:hidden!important;
}
.nav-safe-space{display:none!important;height:0!important;min-height:0!important;}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(10px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(392px,calc(100% - 28px))!important;
  min-height:94px!important;
  height:94px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:4px!important;
  padding:8px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(20px)!important;
  z-index:80!important;
}
.bottom-nav button{
  min-height:38px!important;
  border-radius:17px!important;
  padding:3px 2px!important;
  font-size:9px!important;
  font-weight:640!important;
  letter-spacing:-.01em!important;
  line-height:1.04!important;
}
.bottom-nav .nav-svg,.bottom-nav .nav-svg svg{width:20px!important;height:20px!important;}
body.keyboard-open .bottom-nav{transform:translateX(-50%) translateY(120%)!important;opacity:0!important;pointer-events:none!important;}
.page-head h1{font-size:clamp(28px,6vw,36px)!important;line-height:1.03!important;font-weight:760!important;letter-spacing:-.055em!important;}
.page-head p{font-size:clamp(14.5px,3.6vw,17px)!important;line-height:1.36!important;font-weight:520!important;}
.finance-stat strong,.ref-stats-grid b{font-size:clamp(21px,5vw,30px)!important;letter-spacing:-.055em!important;white-space:nowrap!important;}
.finance-stat span,.ref-stats-grid span{font-size:12px!important;font-weight:650!important;}
.ref-head h3{font-size:clamp(25px,5.7vw,34px)!important;line-height:1.02!important;font-weight:760!important;}
.ref-head>b{font-size:28px!important;min-width:62px!important;min-height:62px!important;}
.ref-action-grid{gap:10px!important;}
.ref-action-grid button{min-height:50px!important;font-size:16px!important;line-height:1.12!important;border-radius:18px!important;}
.finance-section,.referral-card,.chat-card{margin-bottom:16px!important;}
.crypto-wallet-box .loader{margin:14px auto!important;}
.wallet-loading-soft{display:grid;place-items:center;text-align:center;gap:8px;min-height:160px;color:#718096;font-weight:650;}
.wallet-loading-soft b{font-size:17px;color:#132238;font-weight:720;}
.wallet-loading-soft small{font-size:12.5px;max-width:260px;line-height:1.35;}
.chat-screen-card{
  height:calc(100dvh - 250px - var(--v23-content-bottom))!important;
  min-height:430px!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  padding:12px!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
.chat-screen-box{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:12px!important;
  gap:10px!important;
  border-radius:22px!important;
  background:#fff!important;
  overscroll-behavior:contain!important;
}
.chat-screen-form{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:10px 0 0!important;
  margin:0!important;
  background:transparent!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
}
.chat-screen-form input{height:50px!important;min-height:50px!important;margin:0!important;border-radius:18px!important;font-size:15px!important;}
.chat-screen-form .primary{height:50px!important;min-height:50px!important;min-width:106px!important;border-radius:18px!important;font-size:15px!important;padding:0 14px!important;}
.chat-bubble{max-width:min(78%,420px)!important;padding:11px 13px!important;border-radius:18px!important;}
.chat-bubble p{font-size:14.5px!important;line-height:1.36!important;font-weight:500!important;}
.chat-bubble b{font-size:12px!important;font-weight:760!important;}
.chat-bubble em{font-size:11.5px!important;}
@media(max-height:740px){.chat-screen-card{height:calc(100dvh - 218px - var(--v23-content-bottom))!important;min-height:360px!important}.page-head{margin-bottom:12px!important}.topbar{margin-bottom:10px!important}}
@media(max-width:390px){:root{--v23-nav-h:98px}.bottom-nav{width:calc(100% - 22px)!important;height:90px!important;min-height:90px!important;padding:7px!important}.bottom-nav button{font-size:8.4px!important}.bottom-nav .nav-svg,.bottom-nav .nav-svg svg{width:19px!important;height:19px!important}.chat-screen-form .primary{min-width:94px!important;padding:0 12px!important}.chat-screen-card{min-height:380px!important}}

/* V27: AI INSTINCTS branding, onboarding, expanded chat/support */
.about-v27{gap:18px!important;}
.about-v27 .trust-card p,.about-v27 .legal-card p,.about-v27 .start-card p{font-size:16px!important;line-height:1.48!important;}
.trust-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.trust-pills span{border-radius:999px;background:#ecfff7;border:1px solid rgba(16,185,129,.22);color:#0f9f72;font-size:12px;font-weight:900;padding:8px 11px;}
.company-facts{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0;}
.company-facts>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(148,163,184,.18);background:#f8fbff;border-radius:16px;padding:11px 12px;}
.company-facts span{color:#718096;font-size:12px;font-weight:850;}
.company-facts b{color:#101d32;font-size:13px;font-weight:950;text-align:right;}
.start-steps{display:grid;gap:10px;margin-top:10px;}
.start-steps>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,#f7fbff,#fff);border-radius:18px;padding:12px;}
.start-steps b{width:36px;height:36px;border-radius:14px;background:#eaf6ff;color:#2f80ed;display:grid;place-items:center;font-size:18px;font-weight:950;}
.start-steps span{font-size:14px;line-height:1.35;color:#66758d;font-weight:760;}
.chat-screen-card{height:calc(100dvh - 208px - var(--v23-content-bottom))!important;min-height:520px!important;margin-bottom:8px!important;}
.chat-screen-box{padding:16px!important;align-content:end!important;}
.v27-empty{min-height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:left!important;padding:22px!important;border-radius:24px!important;background:linear-gradient(145deg,#f7fbff,#fff)!important;border:1px solid rgba(148,163,184,.18)!important;color:#66758d!important;}
.v27-empty b{font-size:22px!important;line-height:1.1!important;color:#101d32!important;letter-spacing:-.045em!important;margin-bottom:8px!important;}
.v27-empty p{font-size:15px!important;line-height:1.4!important;margin:0 0 12px!important;color:#66758d!important;font-weight:750!important;}
.v27-empty ul{margin:0 0 12px 18px!important;padding:0!important;display:grid!important;gap:6px!important;}
.v27-empty li{font-size:14px!important;line-height:1.25!important;font-weight:800!important;color:#52627a!important;}
.v27-empty small{font-size:12px!important;font-weight:900!important;color:#0f9f72!important;}
@media(max-height:740px){.chat-screen-card{height:calc(100dvh - 188px - var(--v23-content-bottom))!important;min-height:430px!important;}}
@media(max-width:390px){.chat-screen-card{min-height:460px!important}.v27-empty{padding:18px!important}.v27-empty b{font-size:20px!important}}

/* V28: AI INSTINCTS branding + Telegram Desktop/TData scroll fix */
html,body{height:100%!important;min-height:100%!important;overflow:hidden!important;}
body{position:fixed!important;inset:0!important;width:100%!important;}
.app-shell{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scrollbar-width:thin!important;
  padding-bottom:calc(168px + env(safe-area-inset-bottom))!important;
}
#app.screen{padding-bottom:20px!important;}
.nav-safe-space{height:158px!important;}
.bottom-nav{position:fixed!important;pointer-events:auto!important;}
.chat-card.chat-screen-card{
  height:calc(100dvh - 170px)!important;
  min-height:520px!important;
  max-height:none!important;
  margin-bottom:0!important;
}
.chat-box.chat-screen-box{
  min-height:0!important;
  flex:1 1 auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.chat-form.chat-screen-form{flex:0 0 auto!important;}
@media(min-width:700px){
  .app-shell{width:min(430px,100%)!important;max-width:430px!important;padding-top:16px!important;}
  .bottom-nav{width:min(402px,calc(100% - 24px))!important;}
}
@media(max-height:760px){
  .app-shell{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important;}
  .nav-safe-space{height:140px!important;}
  .chat-card.chat-screen-card{height:calc(100dvh - 150px)!important;min-height:410px!important;}
}
@media(max-height:640px){
  .topbar{height:42px!important;margin-bottom:6px!important;}
  .page-head h1{font-size:25px!important;}
  .page-head p{font-size:13px!important;}
  .bottom-nav{min-height:92px!important;}
  .bottom-nav button{min-height:36px!important;}
  .chat-card.chat-screen-card{height:calc(100dvh - 126px)!important;min-height:340px!important;}
}

/* V29: TData narrow-screen company facts and bottom-safe layout fix */
.legal-card .company-facts{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:16px 0 18px!important;
}
.legal-card .company-facts>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  align-items:start!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f8fbff,#ffffff)!important;
}
.legal-card .company-facts span{
  display:block!important;
  min-width:0!important;
  color:#718096!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  white-space:normal!important;
}
.legal-card .company-facts b{
  display:block!important;
  width:auto!important;
  height:auto!important;
  place-items:initial!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  text-align:left!important;
  border-radius:0!important;
  background:transparent!important;
  color:#101d32!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.legal-card .primary.wide{
  width:100%!important;
  min-height:52px!important;
  white-space:normal!important;
  line-height:1.15!important;
  padding:10px 14px!important;
}
.about-v27 .info-card{
  overflow:hidden!important;
}
.about-v27 .info-card p,
.about-v27 .info-card h3{
  overflow-wrap:anywhere!important;
}
@media(min-width:700px){
  .app-shell{width:min(420px,100%)!important;max-width:420px!important;}
  .bottom-nav{width:min(386px,calc(100% - 28px))!important;}
}
@media(max-width:420px){
  .app-shell{padding-left:18px!important;padding-right:18px!important;}
  .info-card{border-radius:22px!important;padding:15px!important;}
  .about-v27 .trust-card p,.about-v27 .legal-card p,.about-v27 .start-card p{font-size:14.5px!important;line-height:1.45!important;}
  .bottom-nav{width:calc(100% - 30px)!important;}
}
@media(max-width:360px){
  .app-shell{padding-left:14px!important;padding-right:14px!important;}
  .bottom-nav{width:calc(100% - 24px)!important;}
  .bottom-nav button{font-size:7.8px!important;}
  .legal-card .company-facts b{font-size:13.5px!important;}
}

/* V30: global UX cleanup, no gaming wording, TData layout, sticky chat composer */
.v30-path-card,.v30-trust-strip{
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
}
.v30-path-card{padding:18px!important;display:grid!important;gap:14px!important;margin:16px 0!important;}
.v30-path-card .path-head h3{font-size:24px!important;line-height:1.05!important;letter-spacing:-.055em!important;margin:4px 0 8px!important;color:#101d32!important;}
.v30-path-card .path-head p{font-size:14.5px!important;line-height:1.42!important;color:#66758d!important;font-weight:650!important;margin:0!important;}
.v30-path-card .path-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.v30-path-card .path-actions button{min-height:48px!important;border-radius:18px!important;font-size:14px!important;white-space:normal!important;}
.v30-path-card .path-list{display:grid!important;gap:8px!important;}
.v30-path-card .path-list>div{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;background:linear-gradient(145deg,#f7fbff,#fff)!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:18px!important;padding:10px!important;}
.v30-path-card .path-list b{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#eafff6!important;color:#0f9f72!important;font-size:15px!important;font-weight:950!important;}
.v30-path-card .path-list span{font-size:13.5px!important;line-height:1.25!important;color:#52627a!important;font-weight:800!important;}
.v30-trust-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;margin:0 0 16px!important;}
.v30-trust-strip>div{border-radius:18px!important;background:linear-gradient(145deg,#f7fbff,#fff)!important;padding:10px 8px!important;text-align:center!important;min-width:0!important;}
.v30-trust-strip b{display:block!important;font-size:16px!important;line-height:1!important;color:#101d32!important;font-weight:950!important;}
.v30-trust-strip span{display:block!important;margin-top:5px!important;font-size:10.5px!important;line-height:1.15!important;color:#66758d!important;font-weight:850!important;}
.about-v30 .legal-card p b,.about-v30 .legal-card p strong{display:inline!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit!important;}
.about-v30 .company-facts strong{display:block!important;width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;color:#101d32!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important;text-align:left!important;overflow-wrap:anywhere!important;}
.about-v30 .about-step-card{padding:16px!important;}
.about-v30 .step-card-head{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin-bottom:10px!important;}
.about-v30 .step-card-head b{width:44px!important;height:44px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eaf6ff!important;color:#2f80ed!important;font-size:20px!important;font-weight:950!important;}
.about-v30 .step-card-head h3{margin:0!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.055em!important;}
.about-v30 .about-step-card p{margin:0 0 12px!important;}
.chat-card.v30-chat{height:calc(100dvh - 148px)!important;min-height:480px!important;display:flex!important;flex-direction:column!important;padding:12px!important;overflow:hidden!important;margin-bottom:0!important;}
.chat-card.v30-chat .chat-screen-box{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:14px!important;scroll-behavior:auto!important;}
.chat-card.v30-chat .chat-screen-form{position:sticky!important;bottom:0!important;z-index:4!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(148,163,184,.18)!important;padding:10px 0 0!important;margin-top:10px!important;}
.chat-card.v30-chat .chat-bubble{width:fit-content!important;max-width:82%!important;overflow-wrap:anywhere!important;}
.chat-card.v30-chat .chat-bubble.mine{margin-left:auto!important;}
@media(min-width:700px){
  .app-shell{padding-left:18px!important;padding-right:22px!important;}
  .chat-card.v30-chat{height:calc(100dvh - 128px)!important;min-height:500px!important;}
}
@media(max-width:390px){
  .v30-path-card .path-actions{grid-template-columns:1fr!important;}
  .v30-trust-strip{grid-template-columns:1fr!important;}
  .about-v30 .step-card-head{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;}
  .about-v30 .step-card-head b{width:40px!important;height:40px!important;}
  .about-v30 .step-card-head h3{font-size:22px!important;}
  .chat-card.v30-chat{height:calc(100dvh - 126px)!important;min-height:420px!important;}
}

/* V31: FAQ, navigation and fixed chat/support composer */
.v30-trust-strip{display:none!important;}
.back-link{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-height:38px!important;padding:0 13px!important;margin:0 0 12px!important;
  border:1px solid rgba(148,163,184,.20)!important;border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;color:#0f9f72!important;
  font-size:13px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
.faq-corporate{display:grid!important;gap:10px!important;}
.faq-corporate .faq-item{overflow:hidden!important;}
.faq-corporate .faq-item summary{font-size:16px!important;line-height:1.18!important;letter-spacing:-.03em!important;padding-right:8px!important;}
.faq-corporate .faq-item p{font-size:14.5px!important;line-height:1.48!important;color:#65748a!important;}
.step-card-head{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;}
.about-step-card .step-card-head h3{margin:0!important;line-height:1.05!important;}
.about-v30 .company-facts>div,.company-facts>div{align-items:flex-start!important;}
.about-v30 .company-facts strong,.company-facts strong,.profile-grid strong,.history-main b,.finance-stat strong,.metric strong{
  overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important;
}
.market-balance-strip b,.rate-grid b{font-size:clamp(15px,4.2vw,19px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;}
.rate-grid em{display:block!important;margin-top:6px!important;color:#d97706!important;font-style:normal!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;}

/* Chat/support: only messages scroll; composer stays above fixed bottom menu */
body:has(.v31-chat-page) .app-shell{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important;}
body:has(.v31-chat-page) #app.screen{height:calc(100dvh - var(--v23-nav-h, 108px) - env(safe-area-inset-bottom) - 18px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding-bottom:0!important;}
.v31-chat-page{flex:0 0 auto!important;margin-bottom:8px!important;}
.v31-chat-page h1{font-size:clamp(28px,6.6vw,40px)!important;}
.v31-chat{flex:1 1 auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:12px!important;overflow:hidden!important;margin:0!important;border-radius:26px!important;}
.v31-chat .chat-screen-box{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:14px!important;background:#fff!important;}
.v31-chat .chat-screen-form{flex:0 0 auto!important;position:relative!important;bottom:auto!important;z-index:6!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin:10px 0 0!important;padding:10px 0 0!important;background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(148,163,184,.18)!important;}
.v31-chat .chat-screen-form input{height:52px!important;min-height:52px!important;margin:0!important;border-radius:18px!important;font-size:15px!important;}
.v31-chat .chat-screen-form .primary{height:52px!important;min-height:52px!important;width:auto!important;min-width:104px!important;border-radius:18px!important;font-size:15px!important;padding:0 14px!important;}
.v31-chat .chat-bubble{width:fit-content!important;max-width:86%!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.v31-chat .chat-bubble.mine{margin-left:auto!important;}
@media(max-width:390px){
  .v31-chat .chat-screen-form{grid-template-columns:minmax(0,1fr) 94px!important;}
  .v31-chat .chat-screen-form .primary{min-width:94px!important;padding:0 10px!important;}
  .faq-corporate .faq-item summary{font-size:15px!important;}
}
@supports not selector(:has(*)){
  .chat-card.v31-chat{height:calc(100dvh - 220px)!important;min-height:440px!important;}
}

/* V32: hard fix for chat/support layout in Telegram iOS, Web and TData.
   The main page must not scroll on chat routes: only the messages area scrolls.
   The composer is a real bottom row inside the chat card, always above the menu. */
:root{--v32-nav-space:calc(126px + env(safe-area-inset-bottom) + 18px);--v32-topbar-space:58px;}
body.route-chat{overflow:hidden!important;height:100dvh!important;min-height:100dvh!important;}
body.route-chat .app-shell{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:calc(env(safe-area-inset-top) + 12px) 14px 0!important;
}
body.route-chat .topbar{flex:0 0 auto!important;margin-bottom:8px!important;height:48px!important;}
body.route-chat #app.screen{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0 0 var(--v32-nav-space)!important;
  margin:0!important;
}
body.route-chat .page-head,
body.route-chat .v31-chat-page{
  flex:0 0 auto!important;
  margin:0 0 10px!important;
  padding:0!important;
}
body.route-chat .page-head h1{font-size:clamp(30px,7vw,38px)!important;line-height:1!important;margin:0!important;}
body.route-chat .page-head p{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.28!important;margin:8px 0 0!important;}
body.route-chat .chat-card,
body.route-chat .chat-card.v30-chat,
body.route-chat .chat-card.v31-chat,
body.route-chat .chat-screen-card{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  padding:12px!important;
  border-radius:28px!important;
}
body.route-chat .chat-box,
body.route-chat .chat-screen-box,
body.route-chat .v31-chat .chat-screen-box{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:24px!important;
}
body.route-chat .chat-form,
body.route-chat .chat-screen-form,
body.route-chat .v31-chat .chat-screen-form{
  flex:0 0 auto!important;
  position:relative!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:20!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  transform:none!important;
}
body.route-chat .chat-form input,
body.route-chat .chat-screen-form input{height:52px!important;min-height:52px!important;margin:0!important;}
body.route-chat .chat-form .primary,
body.route-chat .chat-screen-form .primary{height:52px!important;min-height:52px!important;min-width:104px!important;width:auto!important;}
body.route-chat .nav-safe-space{display:none!important;height:0!important;}
body.route-chat.keyboard-open #app.screen{padding-bottom:10px!important;}
body.route-chat.keyboard-open .bottom-nav{transform:translateX(-50%) translateY(130%)!important;opacity:0!important;pointer-events:none!important;}
body.route-chat.keyboard-open .page-head{display:none!important;}
@media(max-width:390px){
  :root{--v32-nav-space:calc(106px + env(safe-area-inset-bottom) + 16px);} 
  body.route-chat .app-shell{padding-left:12px!important;padding-right:12px!important;}
  body.route-chat .page-head h1{font-size:30px!important;}
  body.route-chat .page-head p{font-size:14px!important;}
  body.route-chat .chat-form,
  body.route-chat .chat-screen-form{grid-template-columns:minmax(0,1fr) 94px!important;}
  body.route-chat .chat-form .primary,
  body.route-chat .chat-screen-form .primary{min-width:94px!important;padding:0 10px!important;}
}
@media(max-height:720px){
  :root{--v32-nav-space:calc(104px + env(safe-area-inset-bottom) + 12px);} 
  body.route-chat .topbar{height:42px!important;margin-bottom:6px!important;}
  body.route-chat .page-head h1{font-size:28px!important;}
  body.route-chat .page-head p{font-size:13px!important;margin-top:5px!important;}
  body.route-chat .chat-card{padding:10px!important;}
  body.route-chat .chat-box{padding:10px!important;}
  body.route-chat .chat-form input,
  body.route-chat .chat-screen-form input,
  body.route-chat .chat-form .primary,
  body.route-chat .chat-screen-form .primary{height:48px!important;min-height:48px!important;}
}

/* V33 Premium Motion System: lightweight transform/opacity animations only. */
:root{
  --premium-ease:cubic-bezier(.2,.8,.2,1);
  --premium-spring:cubic-bezier(.16,1,.3,1);
  --premium-glow:0 18px 48px rgba(16,185,129,.16),0 6px 22px rgba(47,124,246,.08);
  --premium-border:rgba(255,255,255,.68);
}
.app-shell{
  background:
    radial-gradient(circle at 6% 1%,rgba(16,185,129,.18),transparent 28%),
    radial-gradient(circle at 102% 4%,rgba(47,124,246,.16),transparent 31%),
    radial-gradient(circle at 50% 105%,rgba(139,92,246,.08),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#f5f8fc 48%,#eef4fb 100%)!important;
}
.topbar{animation:premiumDown .42s var(--premium-spring) both;}
.logo{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(16,185,129,.18),0 12px 26px rgba(16,185,129,.16)!important;}
.logo:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.9),transparent 70%);transform:translateX(-90%) rotate(18deg);animation:premiumShine 4.8s ease-in-out infinite;}
.lang,.ghost,.primary,.mini-btn,.action-strip button,.copy-mini,.section-link,.bottom-nav button{transition:transform .18s var(--premium-ease),box-shadow .18s var(--premium-ease),background .18s var(--premium-ease),opacity .18s var(--premium-ease),border-color .18s var(--premium-ease)!important;}
.primary,.mini-btn,.action-strip button:first-child{background:linear-gradient(135deg,#0fc486 0%,#2ed5c8 52%,#72d9ff 100%)!important;box-shadow:0 14px 30px rgba(16,185,129,.22)!important;}
.primary:active,.mini-btn:active,.action-strip button:active,.bottom-nav button:active{transform:scale(.975)!important;}
.hero-premium,.wallet-card,.info-card,.faq-item,.finance-section,.referral-card,.contract-card,.mini-contract,.package-card,.chat-card,.profile-card,.glass-form,.empty,.dc-card{
  border-color:rgba(148,163,184,.14)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.08),0 1px 0 rgba(255,255,255,.85) inset!important;
  transform:translateZ(0);
}
.hero-premium{animation:premiumCardIn .48s var(--premium-spring) both;isolation:isolate;}
.hero-premium:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.00),rgba(255,255,255,.55),rgba(255,255,255,.00));transform:translateX(-110%);animation:premiumSweep 6.5s ease-in-out infinite;pointer-events:none;z-index:1;}
.hero-premium>*{position:relative;z-index:2;}
.wallet-card,.action-strip,.section-title,.contracts-row,.infra-card,.how-card,.info-card,.faq-list,.finance-section,.referral-card,.profile-card,.glass-form,.cards-list,.chat-card{animation:premiumUp .46s var(--premium-spring) both;}
.wallet-card{animation-delay:.035s}.action-strip{animation-delay:.055s}.section-title{animation-delay:.075s}.contracts-row{animation-delay:.095s}.infra-card,.how-card{animation-delay:.115s}.info-card:nth-of-type(1),.faq-item:nth-child(1){animation-delay:.035s}.info-card:nth-of-type(2),.faq-item:nth-child(2){animation-delay:.065s}.info-card:nth-of-type(3),.faq-item:nth-child(3){animation-delay:.095s}.info-card:nth-of-type(4),.faq-item:nth-child(4){animation-delay:.125s}.info-card:nth-of-type(5),.faq-item:nth-child(5){animation-delay:.155s}
.metric,.finance-stat,.profile-grid div,.company-fact,.start-steps div,.history-row,.bonus-row{transition:transform .18s var(--premium-ease),box-shadow .18s var(--premium-ease),border-color .18s var(--premium-ease)!important;}
.online:before{animation:premiumPulse 1.9s ease-in-out infinite;}
.capacity{position:relative;overflow:hidden;}
.capacity:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,rgba(16,185,129,.00),rgba(16,185,129,.24),rgba(47,124,246,.16),rgba(16,185,129,.00));animation:premiumRotate 7s linear infinite;z-index:0;opacity:.65;}
.capacity>*{position:relative;z-index:1;}
.progress-line i,.progress i,.infra-progress i{background:linear-gradient(90deg,#10b981,#34d399,#72d9ff,#10b981)!important;background-size:220% 100%!important;animation:premiumProgress 4.2s linear infinite;}
.chat-bubble{animation:premiumBubble .24s var(--premium-spring) both;will-change:transform,opacity;}
.loader{box-shadow:0 0 0 6px rgba(16,185,129,.05);}
.bottom-nav{box-shadow:0 18px 52px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9) inset!important;animation:premiumNav .42s var(--premium-spring) both;}
.bottom-nav button.active{box-shadow:0 10px 28px rgba(16,185,129,.16),inset 0 0 0 1px rgba(16,185,129,.22)!important;}
.bottom-nav button.active .nav-svg{animation:premiumIconPop .34s var(--premium-spring) both;}
input:focus{border-color:rgba(16,185,129,.42)!important;box-shadow:0 0 0 4px rgba(16,185,129,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;}
/* Rendering optimization for long internal pages. Unsupported browsers safely ignore it. */
.info-card,.faq-item,.finance-section,.referral-card,.contract-card,.package-card,.history-row,.bonus-row{content-visibility:auto;contain-intrinsic-size:160px;}
.chat-card,.chat-box,.bottom-nav,.topbar{content-visibility:visible;}
@media (hover:hover) and (pointer:fine){
  .primary:hover,.mini-btn:hover,.action-strip button:hover,.copy-mini:hover,.ghost:hover,.lang:hover{transform:translateY(-1px)!important;box-shadow:var(--premium-glow)!important;}
  .metric:hover,.finance-stat:hover,.profile-grid div:hover,.company-fact:hover,.start-steps div:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.08)!important;}
  .bottom-nav button:hover{transform:translateY(-1px)!important;background:rgba(240,248,255,.86)!important;}
}
@keyframes premiumDown{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes premiumUp{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes premiumCardIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes premiumBubble{from{opacity:0;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes premiumNav{from{opacity:0;transform:translateX(-50%) translateY(18px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes premiumIconPop{0%{transform:scale(.88)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes premiumPulse{0%,100%{box-shadow:0 0 0 4px rgba(16,185,129,.12)}50%{box-shadow:0 0 0 7px rgba(16,185,129,.05)}}
@keyframes premiumShine{0%,72%{transform:translateX(-110%) rotate(18deg)}86%,100%{transform:translateX(110%) rotate(18deg)}}
@keyframes premiumSweep{0%,78%{transform:translateX(-110%)}92%,100%{transform:translateX(110%)}}
@keyframes premiumRotate{to{transform:rotate(360deg)}}
@keyframes premiumProgress{to{background-position:-220% 0}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}


/* V34 Premium UI Cleanup: calmer typography, compact premium cards, less visual weight. */
:root{
  --v34-text:#0f1f33;
  --v34-muted:#64748b;
  --v34-muted2:#8b9aae;
  --v34-line:rgba(148,163,184,.18);
  --v34-surface:rgba(255,255,255,.94);
  --v34-soft:#f7fbff;
  --v34-green:#12b886;
  --v34-cyan:#45d5df;
  --v34-shadow:0 14px 34px rgba(15,23,42,.075);
  --v34-shadow-soft:0 8px 20px rgba(15,23,42,.052);
  --v34-radius:22px;
  --v34-radius-sm:16px;
}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Inter","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;color:var(--v34-text)!important;background:#eef4fb!important;}
body{font-size:14px!important;font-weight:500!important;}
.app-shell{width:min(430px,100%)!important;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(108px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 0% 0%,rgba(18,184,134,.14),transparent 28%),radial-gradient(circle at 104% 5%,rgba(69,213,223,.12),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#f6f9fd 45%,#edf4fb 100%)!important;}
.screen{padding-left:0!important;padding-right:0!important;}
.topbar{height:44px!important;margin-bottom:10px!important;}
.logo{width:38px!important;height:38px!important;border-radius:15px!important;font-size:16px!important;box-shadow:inset 0 0 0 1px rgba(18,184,134,.14),0 8px 18px rgba(18,184,134,.10)!important;}
.brand strong{font-size:15.5px!important;font-weight:760!important;letter-spacing:-.025em!important;}
.brand span{font-size:11.5px!important;font-weight:520!important;color:var(--v34-muted)!important;}
.lang{height:36px!important;padding:0 15px!important;border-radius:18px!important;font-size:13px!important;box-shadow:var(--v34-shadow-soft)!important;}
.page-head{margin:8px 0 14px!important;}
.page-head h1{font-size:26px!important;line-height:1.05!important;font-weight:780!important;letter-spacing:-.055em!important;color:var(--v34-text)!important;}
.page-head p{font-size:14px!important;line-height:1.42!important;font-weight:510!important;color:var(--v34-muted)!important;margin-top:8px!important;max-width:360px!important;}
.hero-premium,.wallet-card,.intro-card,.info-card,.faq-item,.finance-section,.referral-card,.profile-card,.glass-form,.package-card,.contract-card,.mini-contract,.chat-card,.path-card,.empty,.center-card,.dc-card{border-radius:var(--v34-radius)!important;border:1px solid var(--v34-line)!important;background:var(--v34-surface)!important;box-shadow:var(--v34-shadow)!important;backdrop-filter:blur(16px)!important;}
.hero-premium{padding:16px!important;margin-bottom:10px!important;}
.hero-premium:after{width:124px!important;height:124px!important;right:-30px!important;top:-36px!important;border-radius:36px!important;opacity:.82!important;}
.eyebrow{font-size:10.5px!important;font-weight:780!important;letter-spacing:.08em!important;color:#2d7ff9!important;}
.online,.pill{height:23px!important;padding:0 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:760!important;}
.hero-title{grid-template-columns:minmax(0,1fr) 36px!important;gap:8px!important;margin-top:10px!important;}
.hero-title h1{font-size:25px!important;line-height:1.04!important;font-weight:790!important;letter-spacing:-.062em!important;color:var(--v34-text)!important;}
.hero-title p{font-size:13.2px!important;line-height:1.42!important;font-weight:510!important;color:var(--v34-muted)!important;max-width:270px!important;margin-top:8px!important;}
.copy-mini{width:36px!important;height:36px!important;border-radius:14px!important;box-shadow:var(--v34-shadow-soft)!important;}
.hero-id{margin-top:12px!important;padding:8px 10px!important;border-radius:14px!important;font-size:12px!important;color:var(--v34-muted)!important;}
.intro-card{padding:14px!important;margin:10px 0!important;gap:10px!important;}
.intro-card h3{font-size:15.5px!important;font-weight:750!important;letter-spacing:-.025em!important;}
.intro-card p{font-size:13px!important;line-height:1.42!important;font-weight:500!important;color:var(--v34-muted)!important;}
.wallet-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;margin:10px 0 12px!important;}
.metric{border-radius:17px!important;padding:11px 9px!important;min-height:72px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.11)!important;}
.metric span{font-size:10.5px!important;font-weight:650!important;line-height:1.12!important;color:var(--v34-muted)!important;}
.metric strong,.metric.accent strong,.metric.green strong,.metric.blue strong{font-size:clamp(15px,4.3vw,18px)!important;line-height:1.05!important;font-weight:760!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.metric em{font-size:10px!important;font-weight:500!important;color:var(--v34-muted2)!important;}
.action-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important;}
.action-strip button{min-height:46px!important;border-radius:16px!important;font-size:11.3px!important;font-weight:720!important;box-shadow:var(--v34-shadow-soft)!important;}
.section-title{margin:18px 0 10px!important;}
.section-title h3{font-size:20px!important;line-height:1.08!important;font-weight:770!important;letter-spacing:-.055em!important;color:var(--v34-text)!important;}
.section-link{font-size:12.5px!important;font-weight:720!important;color:#2d7ff9!important;}
.contracts-row{gap:10px!important;padding-bottom:6px!important;}
.mini-contract.contract-v2,.mini-contract{flex-basis:248px!important;padding:13px!important;border-radius:21px!important;gap:9px!important;}
.contract-head{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;}
.company-logo{width:40px!important;height:40px!important;border-radius:14px!important;font-size:16px!important;}
.company-info strong{font-size:14.2px!important;font-weight:760!important;letter-spacing:-.028em!important;}
.company-info span{font-size:11.6px!important;color:var(--v34-muted)!important;}
.reward-line strong,.contract-reward strong{font-size:17px!important;letter-spacing:-.05em!important;color:#12a77a!important;}
.reward-line span,.contract-reward span{font-size:10.8px!important;font-weight:620!important;color:var(--v34-muted)!important;}
.contract-data-v2,.contract-meta-v2{gap:7px!important;}
.contract-data-v2 div,.contract-meta-v2 span{border-radius:14px!important;padding:9px 8px!important;background:var(--v34-soft)!important;}
.contract-data-v2 span,.contract-meta-v2 em{font-size:10.2px!important;font-weight:620!important;color:var(--v34-muted)!important;}
.contract-data-v2 strong,.contract-meta-v2 b{font-size:12.6px!important;font-weight:730!important;letter-spacing:-.025em!important;color:var(--v34-text)!important;}
.contract-note em{font-size:10.8px!important;color:var(--v34-muted)!important;}
.progress-line,.progress,.infra-progress{height:6px!important;}
.primary,.mini-btn,.ghost,button.primary,button.ghost{min-height:44px!important;border-radius:16px!important;font-size:14px!important;font-weight:740!important;letter-spacing:-.025em!important;box-shadow:var(--v34-shadow-soft)!important;}
.primary,.mini-btn,.action-strip button:first-child{background:linear-gradient(135deg,var(--v34-green),var(--v34-cyan))!important;color:#061f1a!important;box-shadow:0 10px 22px rgba(18,184,134,.15)!important;}
.ghost{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--v34-line)!important;color:var(--v34-text)!important;}
.path-card,.v30-path-card{padding:17px!important;border-radius:22px!important;margin-top:14px!important;}
.path-head h3{font-size:22px!important;line-height:1.08!important;font-weight:780!important;letter-spacing:-.058em!important;margin:5px 0 8px!important;}
.path-head p{font-size:14px!important;line-height:1.42!important;color:var(--v34-muted)!important;}
.path-actions{gap:8px!important;}
.path-list{gap:8px!important;margin-top:12px!important;}
.path-list div{min-height:48px!important;border-radius:15px!important;padding:9px 12px!important;}
.path-list b{width:28px!important;height:28px!important;border-radius:12px!important;font-size:14px!important;}
.path-list span{font-size:13.2px!important;font-weight:650!important;color:#4e5f76!important;}
.info-card{padding:17px!important;border-radius:22px!important;margin:0!important;}
.info-card.big{background:linear-gradient(145deg,#fff,#f8fcff)!important;}
.info-card h3{font-size:20px!important;line-height:1.1!important;font-weight:780!important;letter-spacing:-.055em!important;margin:8px 0 9px!important;}
.info-card p{font-size:14px!important;line-height:1.5!important;font-weight:500!important;color:var(--v34-muted)!important;margin-bottom:12px!important;}
.about-stack,.faq-list{gap:12px!important;}
.trust-pills{gap:8px!important;}
.trust-pills span{height:35px!important;padding:0 12px!important;border-radius:16px!important;font-size:12px!important;font-weight:720!important;}
.company-facts{gap:9px!important;}
.company-facts div{padding:12px 13px!important;border-radius:16px!important;}
.company-facts span{font-size:11px!important;font-weight:700!important;color:var(--v34-muted)!important;}
.company-facts strong{font-size:14px!important;font-weight:760!important;line-height:1.2!important;overflow-wrap:anywhere!important;}
.step-card-head{display:flex!important;align-items:center!important;gap:11px!important;}
.step-card-head b{width:38px!important;height:38px!important;border-radius:15px!important;font-size:17px!important;flex:0 0 auto!important;}
.step-card-head h3{font-size:21px!important;margin:0!important;}
.faq-item{border-radius:18px!important;padding:0 14px!important;box-shadow:var(--v34-shadow-soft)!important;}
.faq-item summary{padding:15px 0!important;font-size:16px!important;line-height:1.18!important;font-weight:740!important;letter-spacing:-.035em!important;color:var(--v34-text)!important;}
.faq-item p{font-size:13.8px!important;line-height:1.48!important;color:var(--v34-muted)!important;margin-bottom:15px!important;}
.contract-tabs{gap:8px!important;margin:10px 0 16px!important;}
.contract-tabs button{min-height:58px!important;border-radius:17px!important;font-size:13.5px!important;font-weight:720!important;line-height:1.14!important;padding:9px 6px!important;}
.contract-tabs button b{font-size:17px!important;margin-top:3px!important;}
.contract-card-v2,.contract-card{padding:14px!important;border-radius:22px!important;gap:11px!important;}
.contract-title-row{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;}
.contract-title-row h3,.contract-card h3,.mini-contract h3{font-size:18px!important;line-height:1.08!important;font-weight:770!important;letter-spacing:-.05em!important;margin:5px 0 3px!important;}
.contract-card p,.mini-contract p{font-size:12.8px!important;line-height:1.3!important;color:var(--v34-muted)!important;}
.contract-reward{min-width:80px!important;}
.contract-meta-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.finance-section,.referral-card{padding:16px!important;border-radius:22px!important;margin:12px 0!important;}
.finance-section h3,.referral-card h3,.profile-card h3,.glass-form h3,.history-section h3{font-size:20px!important;line-height:1.1!important;font-weight:770!important;letter-spacing:-.05em!important;margin:0 0 10px!important;}
.finance-section p,.referral-card p,.profile-card p,.glass-form p{font-size:13.8px!important;line-height:1.45!important;color:var(--v34-muted)!important;font-weight:500!important;}
.finance-dashboard{gap:9px!important;margin-bottom:12px!important;}
.finance-stat{min-height:74px!important;border-radius:17px!important;padding:11px!important;box-shadow:var(--v34-shadow-soft)!important;}
.finance-stat span{font-size:10.8px!important;font-weight:640!important;color:var(--v34-muted)!important;}
.finance-stat strong{font-size:clamp(17px,4.6vw,21px)!important;line-height:1.04!important;font-weight:760!important;letter-spacing:-.052em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.finance-stat em{font-size:10.8px!important;color:var(--v34-muted2)!important;font-weight:500!important;}
.wallet-mini-status>div,.market-balance-strip>div,.rate-grid>div{border-radius:16px!important;padding:10px!important;background:var(--v34-soft)!important;}
.market-balance-strip b,.rate-grid b{font-size:clamp(13px,3.8vw,16px)!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.rate-grid em{font-size:10.5px!important;line-height:1.2!important;}
.market-actions input,.finance-section input,.glass-form input,input,textarea{min-height:46px!important;height:46px!important;border-radius:16px!important;font-size:14.5px!important;font-weight:560!important;}
.chat-bubble{border-radius:18px!important;padding:11px 12px!important;max-width:86%!important;box-shadow:var(--v34-shadow-soft)!important;}
.chat-bubble p{font-size:13.8px!important;line-height:1.36!important;}
.chat-bubble b{font-size:12.2px!important;font-weight:740!important;}
.chat-bubble em{font-size:11px!important;color:var(--v34-muted2)!important;}
.chat-screen-box,.chat-box{border-radius:20px!important;padding:12px!important;gap:9px!important;}
.chat-screen-form,.chat-form{gap:8px!important;}
.bottom-nav{width:min(386px,calc(100% - 28px))!important;height:92px!important;min-height:92px!important;padding:7px 8px!important;border-radius:24px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 40px rgba(15,23,42,.13),0 1px 0 rgba(255,255,255,.85) inset!important;}
.bottom-nav button{min-height:36px!important;border-radius:15px!important;font-size:8.7px!important;font-weight:620!important;gap:2px!important;color:#728196!important;}
.bottom-nav button.active{background:rgba(234,255,246,.84)!important;color:#0ea976!important;box-shadow:inset 0 0 0 1px rgba(18,184,134,.20),0 6px 14px rgba(18,184,134,.08)!important;}
.bottom-nav .nav-svg,.bottom-nav .nav-svg svg{width:19px!important;height:19px!important;}
.nav-safe-space{height:132px!important;}
@media(max-width:390px){
  .app-shell{padding-left:14px!important;padding-right:14px!important;}
  .page-head h1{font-size:24px!important;}
  .hero-title h1{font-size:23px!important;}
  .hero-title p,.page-head p{font-size:13px!important;}
  .wallet-card{grid-template-columns:1fr 1fr!important;}
  .wallet-card .metric:first-child{grid-column:1/-1!important;}
  .metric{min-height:64px!important;}
  .action-strip button{font-size:10.5px!important;}
  .section-title h3{font-size:19px!important;}
  .contract-tabs button{min-height:54px!important;font-size:12.5px!important;}
  .contract-card-v2,.contract-card{padding:13px!important;}
  .finance-dashboard{grid-template-columns:1fr 1fr!important;}
  .finance-stat strong{font-size:18px!important;}
  .bottom-nav{width:calc(100% - 24px)!important;height:88px!important;min-height:88px!important;}
  .bottom-nav button{font-size:8.2px!important;}
}
@media(max-width:360px){
  .wallet-card,.finance-dashboard,.rate-grid,.market-balance-strip{grid-template-columns:1fr!important;}
  .wallet-card .metric:first-child{grid-column:auto!important;}
  .action-strip{grid-template-columns:1fr!important;}
  .bottom-nav button{font-size:7.8px!important;}
}
@media (prefers-reduced-motion:no-preference){
  .hero-premium,.wallet-card,.intro-card,.info-card,.faq-item,.finance-section,.referral-card,.contract-card,.mini-contract,.path-card{animation-duration:.28s!important;}
}

/* V38 stable rollback + premium design polish (based on last known-good V34) */
.trust-pills{gap:7px!important;align-items:center!important;}
.trust-pills span{
  height:31px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(16,185,129,.14)!important;
  background:rgba(237,255,247,.72)!important;
  color:#0d8f69!important;
  font-size:11.5px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  box-shadow:none!important;
}
.pill,.online,.blue-pill,.status-pill{
  border-width:1px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
.bottom-nav button.active{
  background:rgba(235,255,247,.72)!important;
  border:1px solid rgba(16,185,129,.20)!important;
  box-shadow:0 8px 20px rgba(16,185,129,.08)!important;
}
.bottom-nav{
  box-shadow:0 14px 34px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.chat-card.chat-screen-card.v31-chat,
.chat-card.chat-screen-card.v30-chat{
  border:1px solid rgba(120,137,160,.10)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
  background:rgba(255,255,255,.86)!important;
}
.chat-box.chat-screen-box{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.chat-empty.v27-empty{
  border:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,252,255,.82))!important;
  box-shadow:none!important;
  padding:20px!important;
  border-radius:20px!important;
}
.chat-form.chat-screen-form{
  border-top:1px solid rgba(120,137,160,.10)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
}
.glass,.glass-form,.info-card,.finance-section,.referral-card,.contract-card,.package-card,.dc-card,.infra-card{
  border-color:rgba(120,137,160,.10)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.055)!important;
}
.hero-premium,.about-card,.how-card,.faq-item{
  border-color:rgba(120,137,160,.10)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.055)!important;
}
.page-head h1{font-size:clamp(26px,6.4vw,34px)!important;letter-spacing:-.04em!important;}
.page-head p{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.42!important;}
@media(max-width:430px){
  .page-head h1{font-size:30px!important;}
  .page-head p{font-size:14.5px!important;}
  .trust-pills span{font-size:11px!important;height:30px!important;padding:0 10px!important;}
}


/* V40.6 Telegram-only browser gate */
.telegram-only-card {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 34px 26px;
}
.telegram-only-card .telegram-only-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #10a67a;
  background: linear-gradient(135deg, rgba(25, 211, 162, .16), rgba(93, 214, 238, .16));
  box-shadow: inset 0 0 0 1px rgba(16, 166, 122, .14), 0 18px 42px rgba(16, 166, 122, .12);
}
.telegram-only-card h1 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.telegram-only-card p {
  max-width: 460px;
  margin: 12px auto 22px;
  line-height: 1.55;
}
.telegram-only-card small {
  display: block;
  margin-top: 16px;
  color: var(--muted);
  font-weight: 700;
}
.telegram-open-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-height: 48px;
  padding: 0 24px;
}


/* V40.7: Telegram-only gate, disabled insufficient GPU buttons, settings cleanup */
body.telegram-only-lock {
  min-height: 100vh;
  background:
    radial-gradient(circle at 30% 10%, rgba(32, 201, 151, .16), transparent 34%),
    linear-gradient(180deg, #eef8f8 0%, #f7fbff 100%);
}
body.telegram-only-lock .topbar,
body.telegram-only-lock .bottom-nav {
  display: none !important;
}
body.telegram-only-lock .app-shell {
  max-width: 560px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}
body.telegram-only-lock .screen {
  width: 100%;
  padding: 0 !important;
  overflow: visible;
}
body.telegram-only-lock .telegram-only-card {
  max-width: 440px;
  margin: 0 auto;
  text-align: center;
}
.danger-disabled,
button.danger-disabled,
.mini-btn.danger-disabled,
.primary.danger-disabled {
  background: linear-gradient(135deg, #ff5b64, #ef3340) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(239, 51, 64, .18) !important;
  cursor: not-allowed !important;
  opacity: .92 !important;
  pointer-events: none !important;
}
.contract-card.locked .danger-disabled,
.mini-contract.locked .danger-disabled {
  filter: saturate(.92);
}
.profile-grid.profile-grid-clean {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 430px) {
  .profile-grid.profile-grid-clean {
    grid-template-columns: 1fr;
  }
}