@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/syne-latin.woff2) format("woff2")}
@font-face{font-family:Sora;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/sora-latin.woff2) format("woff2")}
:root{
  --bg:#00000a;--panel:#0a1028;--panel2:#0c1433;--cream:#eef1ff;--ink:#b8c0d9;--muted:#8b93ad;
  --purple:#7D2AE8;--cyan:#00C4FB;--teal:#20E3B2;--gold:#7b4dff;
  --cta:linear-gradient(90deg,#7D2AE8,#00C4FB,#20E3B2);
  --cta-soft:linear-gradient(90deg,#7D2AE8cc,#00C4FBcc,#20E3B2cc);
  --radius:1.1rem;--shadow:0 18px 40px #00000a66,0 0 0 1px #00C4FB22;
  --font-display:Syne,ui-sans-serif,system-ui,sans-serif;
  --font:Sora,ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-tap-highlight-color:transparent}
body{
  background:
    radial-gradient(ellipse 58% 42% at 8% 0%,#7b4dff33,transparent 58%),
    radial-gradient(ellipse 46% 40% at 92% 8%,#22e0d829,transparent 62%),
    radial-gradient(ellipse 70% 50% at 50% 110%,#05071c,transparent 55%),
    linear-gradient(to bottom,#00000acc 0%,#05071cf2 48%,var(--bg) 100%);
  background-attachment:fixed;
}
button,input{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
.app{max-width:440px;margin:0 auto;min-height:100dvh;padding:16px 16px 36px;display:flex;flex-direction:column;position:relative}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.logo{height:40px;width:auto;max-width:min(200px,58vw);object-fit:contain;filter:drop-shadow(0 0 18px #7D2AE866)}
.help{font-size:.75rem;color:var(--ink);padding:8px 12px;border-radius:999px;border:1px solid #00C4FB33;background:#0a1028cc;backdrop-filter:blur(8px)}
.help:active{transform:scale(.97)}
.pct-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.big-pct{font-family:var(--font-display);font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px #7D2AE855}
.badge{
  font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;
  padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,#7D2AE822,#20E3B222);
  border:1px solid #00C4FB44;color:#eef1ff;white-space:nowrap;
}
.xp{flex:1;font-size:.75rem;color:var(--ink);text-align:right}
.xp b{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}
.progress-wrap{position:relative;height:12px;border-radius:999px;background:#0b1220;border:1px solid #7D2AE833;overflow:hidden;margin-bottom:6px;box-shadow:inset 0 1px 0 #ffffff10}
.progress-fill{
  height:100%;width:0%;border-radius:inherit;background:var(--cta);background-size:200% 100%;
  box-shadow:0 0 18px #00C4FB88,0 0 28px #20E3B255;
  transition:width .55s cubic-bezier(.2,.8,.2,1);
  animation:sheen 2.4s linear infinite;
  position:relative;
}
.progress-fill.pulse{animation:sheen 2.4s linear infinite, glowPulse .9s ease}
@keyframes sheen{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes glowPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.progress-meta{display:flex;justify-content:flex-start;font-size:.7rem;color:var(--muted);margin-bottom:18px}
.card{
  background:linear-gradient(180deg,#0c1433e6,#0a1028f2);border:1px solid #00C4FB22;
  border-radius:calc(var(--radius) + .25rem);padding:22px 18px 20px;box-shadow:var(--shadow);
  flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;
  animation:cardIn .35s ease;
}
@keyframes cardIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--cta);opacity:.9;
}
.kicker{margin-bottom:12px}
.step-pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 14px;border-radius:999px;
  background:#0a2a24;border:1.5px solid #20E3B2;color:#20E3B2;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:none;
}
h1{font-family:var(--font-display);font-size:1.55rem;line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}
.lead{color:var(--ink);font-size:.95rem;line-height:1.55;margin-bottom:18px}
.micro{font-size:.8rem;color:var(--muted);margin-top:10px;line-height:1.45}
.list{display:grid;gap:10px;margin:4px 0 18px}
.list-item{
  display:flex;gap:10px;align-items:flex-start;padding:12px 12px;border-radius:14px;
  background:#05071af2;border:1px solid #7D2AE822;
}
.list-item .dot{
  width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,#7b4dff 0%,#22e0d8 100%);color:#05071a;font-size:.7rem;font-weight:700;
  box-shadow:0 0 0 2px #7b4dff33,0 0 14px #7b4dff44;
}
.list-item .dot.tick .ico-svg{width:14px;height:14px;stroke:#05071a;stroke-width:3}
.list-item .dot.tick .ico-svg path,.list-item .dot.tick .ico-svg polyline{stroke:#05071a;stroke-width:3}
.list-item b{display:block;font-size:.9rem;margin-bottom:2px}
.list-item span{font-size:.78rem;color:var(--ink)}
.tiers{display:grid;gap:10px;margin-bottom:16px}
.tier{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:14px 14px;border-radius:16px;border:1px solid #00C4FB33;background:#05071af5;cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.tier:active{transform:scale(.985)}
.tier.selected{border-color:#20E3B2;box-shadow:0 0 0 1px #20E3B255,0 0 28px #7D2AE833}
.tier .left b{display:block;font-size:.95rem}
.tier .left span{font-size:.75rem;color:var(--ink)}
.tier .right{font-family:var(--font-display);font-weight:700;font-size:.95rem;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}
.actions{margin-top:auto;display:grid;gap:10px;padding-top:8px}
.btn{
  appearance:none;border:0;border-radius:999px;padding:15px 18px;font-weight:700;font-size:.98rem;
  cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;
  position:relative;overflow:visible;
}
.btn:active{transform:scale(.975)}
.btn-primary{
  /* Match luxatradingbot.com .cta-glow exactly */
  background:linear-gradient(90deg,#7b4dff 0%,#5b7fff 46%,#22e0d8 100%);
  color:#0b1220;border:1px solid #ffffffb3;isolation:isolate;overflow:visible;
  -webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35);
  box-shadow:0 0 0 4px #7b4dff2e,0 0 26px 6px #7b4dff59,0 0 52px 10px #22e0d847,inset 0 1px #ffffff8c;
  animation:cta-pulse 2.8s ease-in-out infinite;
}
.btn-primary:hover{filter:brightness(1.06);box-shadow:0 0 0 5px #7b4dff3d,0 0 32px 8px #7b4dff73,0 0 60px 12px #22e0d859,inset 0 1px #ffffffb3}
.btn-primary:active{filter:brightness(.98);transform:translateY(1px)}
@keyframes cta-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}
/* Homepage orbiting white ring */
@property --cta-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}
.btn .cta-lid{
  pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff47,#0000);
  height:46%;position:absolute;inset:1px 6px auto;z-index:0;
}
.btn .cta-orbit{
  pointer-events:none;z-index:2;border-radius:inherit;
  background:conic-gradient(from var(--cta-orbit), transparent 0%, transparent 58%, #ffffff40 70%, #fff 82%, #e8ffff 90%, #ffffff80 96%, transparent 100%);
  filter:drop-shadow(0 0 6px #fffc);
  padding:2px;animation:2.4s linear infinite cta-orbit-spin;
  position:absolute;inset:-4px;
  -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  -webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;
  -webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;
  -webkit-mask-composite:xor;mask-composite:exclude;
}
@keyframes cta-orbit-spin{to{--cta-orbit:360deg}}
.btn.cta-orbiting > *:not(.cta-orbit):not(.cta-lid){position:relative;z-index:1}
.btn-secondary{
  background:#0b1220;color:var(--cream);border:1px solid #00C4FB44;
  box-shadow:none;animation:none;filter:none;
}
.btn-secondary .cta-orbit,.btn-secondary .cta-lid{display:none}
@media (prefers-reduced-motion:reduce){
  .btn-primary{animation:none}
  .btn .cta-orbit{animation:none;--cta-orbit:210deg}
}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid transparent;min-height:40px;font-weight:600;font-size:.85rem}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.field{display:grid;gap:8px;margin-bottom:14px}
.field label{font-size:.78rem;color:var(--ink);font-weight:600}
.field input{
  width:100%;padding:14px 14px;border-radius:14px;border:1px solid #00C4FB33;background:#05071af5;color:var(--cream);
  outline:none;transition:border-color .15s ease,box-shadow .15s ease;
}
.field input:focus{border-color:#20E3B2;box-shadow:0 0 0 3px #20E3B222}
.err{color:#ff7b8a;font-size:.78rem;min-height:1.1em}
.ok{color:#20E3B2;font-size:.78rem}
.device-grid{display:grid;gap:10px;margin-bottom:14px}
.device{
  padding:14px;border-radius:16px;border:1px solid #7D2AE833;background:#05071af5;text-align:left;
  display:flex;gap:12px;align-items:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;
}
.device:active{transform:scale(.985)}
.device.active{border-color:#20E3B2;box-shadow:0 0 24px #20E3B222}
.device .ico{display:grid;place-items:center;flex:none}
.device{display:flex;align-items:center;gap:10px;text-align:left}
.device b{display:block;font-size:.92rem}
.device span{font-size:.75rem;color:var(--ink)}
.steps-mini{display:grid;gap:8px;margin:4px 0 14px;padding:12px;border-radius:14px;background:#05071af2;border:1px solid #7D2AE822;counter-reset:s}
.steps-mini li{list-style:none;font-size:.82rem;line-height:1.45;color:var(--ink);display:block;position:relative;padding-left:26px}
.steps-mini li::before{content:counter(s);counter-increment:s;position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--cta);color:#000;font-size:.65rem;font-weight:700;display:grid;place-items:center}
.steps-mini li b,.steps-mini li strong{display:inline;font-weight:700;color:#eef1ff}
.mascot-wrap{display:grid;place-items:center;margin:4px 0 12px}
.mascot{width:min(220px,70vw);height:auto;filter:drop-shadow(0 0 30px #7D2AE855)}
#screen.card{position:relative;z-index:10}
.unlock-card .signal-preview{position:relative;z-index:2}
.unlock-card{
  position:relative;border-radius:18px;padding:16px;margin:8px 0 16px;overflow:hidden;
  border:1px solid #00C4FB44;background:#05071af5;
}
.signal-preview{
  filter:blur(8px);opacity:.9;transition:filter .8s ease,opacity .8s ease;user-select:none;
}
.signal-preview.revealed{filter:blur(0);opacity:1}
.lock-overlay{
  position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#00000acc,#00000ae6);
  transition:opacity .6s ease;pointer-events:none;z-index:2;
}
.lock-overlay.hide{opacity:0}
.lock-overlay span{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Homepage-matched example signal card (data from luxatradingbot.com proof) */
.signal-card{
  border-radius:16px;padding:12px 12px 10px;border:1px solid #7D2AE866;
  background:linear-gradient(180deg,#0c1433,#070b1c);box-shadow:0 0 24px #7D2AE833;
}
.signal-card .sc-tag{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:#20E3B2;text-transform:uppercase}
.signal-card .sc-title{display:none}
.signal-card .sc-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.signal-card .sc-avatar-wrap{
  width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:#05071a;border:1px solid #00C4FB44;overflow:hidden;padding:5px;box-sizing:border-box;
}
.signal-card .sc-avatar{
  width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform:scale(.92);
}
.signal-card .sc-name{font-size:.82rem;font-weight:700}
.signal-card .sc-bot{
  display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;
  background:#20E3B2;color:#000;font-size:.58rem;font-weight:800;vertical-align:middle;
}
.signal-card .sc-time{margin-left:auto;font-size:.68rem;color:var(--muted)}
.signal-card .sc-body{
  border-radius:12px;padding:12px;background:#0a1228;border:1px solid #00C4FB22;
  font-size:.88rem;line-height:1.55;color:var(--cream);
}
.signal-card .sc-body div{display:block}
.signal-card.tp .sc-tag{color:#20E3B2}
.signal-card + .signal-card{margin-top:10px}
.signal-disclaimer{margin-top:10px;font-size:.72rem;color:var(--muted);line-height:1.45;text-align:center}

/* Futuristic market-open countdown */
.market-timer{
  position:relative;margin-top:14px;padding:16px 12px 14px;border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,#07101f,#050714);
  border:1px solid transparent;
  background-clip:padding-box;
  box-shadow:0 0 0 1px #20E3B244,0 0 28px #00C4FB33,inset 0 0 40px #7D2AE822;
}
.market-timer::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,#7D2AE8,#00C4FB,#20E3B2,#7D2AE8);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85;
  animation:timerBorder 4s linear infinite;
}
@keyframes timerBorder{to{filter:hue-rotate(25deg)}}
.market-timer::after{
  content:"";position:absolute;left:0;right:0;height:28%;top:-40%;
  background:linear-gradient(180deg,transparent,#20E3B214,transparent);
  animation:scanline 2.8s ease-in-out infinite;pointer-events:none;
}
@keyframes scanline{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(280%);opacity:.7}}
.market-timer-label{
  position:relative;z-index:1;text-align:center;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:#20E3B2;font-weight:700;margin-bottom:12px;
}
.market-timer-digits{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
}
.market-timer .seg{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:10px 4px 8px;border-radius:12px;
  background:linear-gradient(180deg,#0c1833,#060a16);
  border:1px solid #00C4FB33;box-shadow:inset 0 0 18px #7D2AE822;
  animation:segPulse 2.2s ease-in-out infinite;
}
.market-timer .seg:nth-child(2){animation-delay:.15s}
.market-timer .seg:nth-child(3){animation-delay:.3s}
.market-timer .seg:nth-child(4){animation-delay:.45s}
@keyframes segPulse{0%,100%{box-shadow:inset 0 0 18px #7D2AE822,0 0 0 #20E3B200}50%{box-shadow:inset 0 0 22px #00C4FB33,0 0 12px #20E3B222}}
.market-timer .num{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(1.35rem,6.2vw,1.85rem);font-weight:700;letter-spacing:.06em;
  background:linear-gradient(180deg,#eef1ff,#20E3B2);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 18px #00C4FB55;line-height:1;
}
.market-timer .unit{
  font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;
}
.level-toast{
  position:fixed;left:50%;top:18px;transform:translateX(-50%) translateY(-120%);
  background:#0a1028f5;border:1px solid #20E3B255;padding:10px 16px;border-radius:999px;
  box-shadow:0 0 40px #7D2AE866;z-index:50;transition:transform .35s cubic-bezier(.2,.8,.2,1);
  font-size:.82rem;font-weight:700;display:flex;gap:8px;align-items:center;backdrop-filter:blur(10px);
}
.level-toast.show{transform:translateX(-50%) translateY(0)}
.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}
.confetti i{position:absolute;top:-16px;width:8px;height:8px;border-radius:2px;opacity:0;animation:fall 1.8s ease-out forwards;will-change:transform,opacity}
@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}
@media (prefers-reduced-motion: reduce){
  .confetti,.confetti i{display:none !important;animation:none !important}
}
.check-pop{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--cta);color:#000;font-size:1.8rem;margin:8px auto 14px;animation:pop .45s cubic-bezier(.2,1.4,.3,1);box-shadow:0 0 40px #20E3B266}
@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.gate{max-width:400px;margin:12vh auto;padding:24px;border-radius:20px;background:#0a1028f2;border:1px solid #00C4FB33;box-shadow:var(--shadow)}
.gate h1{font-size:1.35rem}
.footer-note{margin-top:14px;font-size:.68rem;color:var(--muted);text-align:center;line-height:1.45}
.spinner{width:18px;height:18px;border:2px solid #00000a55;border-top-color:#00000a;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hidden{display:none !important}
[hidden]{display:none !important}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.72rem;border:1px solid #20E3B244;background:#20E3B212;color:#20E3B2;margin-bottom:12px}

.device-grid.two{grid-template-columns:1fr 1fr}
.store-panel{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;margin:4px 0 14px;padding:12px;border-radius:16px;border:1px solid #00C4FB33;background:#05071af5}
.store-panel .qr-wrap{display:none}
.store-panel .qr{width:132px;height:132px;border-radius:12px;background:#fff;padding:6px;justify-self:center}
.store-panel .qr img{width:100%;height:100%;display:block;border-radius:8px}
.store-panel .hint{font-size:.78rem;color:var(--ink);margin-top:6px}
/* QR only on desktop: wide + fine pointer + desktop UA class */
html.desktop-client .store-panel{grid-template-columns:1.2fr .8fr}
html.desktop-client .store-panel .qr-wrap{display:block}
@media (max-width:699px){
  html.desktop-client .store-panel{grid-template-columns:1fr}
  html.desktop-client .store-panel .qr-wrap{display:none}
}
@media (pointer: coarse){
  .store-panel .qr-wrap{display:none !important}
  .store-panel{grid-template-columns:1fr !important}
}
.lot-pill{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,#7D2AE822,#20E3B222);
  border:1px solid #20E3B244;color:#eef1ff;font-size:.78rem;font-weight:600;margin:0 0 12px;line-height:1.45;
}
.lot-pill-text{display:block;flex:1;min-width:0;white-space:normal}
.lot-pill-text b,.lot-pill b{display:inline;font-weight:700}
.howto-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.howto-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #00C4FB33;background:#05071af5;color:var(--cream);font-weight:600;cursor:pointer}
.howto-tabs button .ico-tile{width:24px;height:24px;border-radius:7px}
.howto-tabs button .ico-tile .ico-svg{width:13px;height:13px}
.howto-tabs button.active{border-color:#20E3B2;box-shadow:0 0 18px #20E3B222;background:linear-gradient(90deg,#7D2AE814,#20E3B212)}
.tt-card{padding:14px;border-radius:16px;border:1px solid #7D2AE833;background:#05071af5;margin-bottom:12px}
.tt-card b.lot{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#eef1ff;font-weight:800}


/* Preview-only restart control — sits under header, never overlaps CTAs */
.restart-test{
  align-self:flex-start;
  margin:0 0 12px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(10,14,30,.75);
  color:#c8d0e8;
  font:600 10px/1.2 system-ui,sans-serif;
  cursor:pointer;
  opacity:.85;
  z-index:5;
}
.restart-test:hover{opacity:1;color:#fff}


/* Official store badges — equal height, not stretched */
.store-badges{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  margin:2px 0 4px;
}
.store-badge{
  display:inline-flex;align-items:center;justify-content:center;
  line-height:0;flex:0 0 auto;border-radius:8px;
  transition:transform .12s ease,filter .12s ease;
}
.store-badge:active{transform:scale(.97)}
.store-badge img{
  height:40px;width:auto;max-width:148px;display:block;object-fit:contain;
}
.store-badge img.gp{height:40px;max-width:148px}

/* Permanent member Back — subtle, never competes with CTA */
.btn-back{
  appearance:none;border:0;background:transparent;cursor:pointer;
  color:var(--muted);font-size:.78rem;font-weight:600;
  padding:0 0 12px;margin:0;min-height:0;align-self:flex-start;
  opacity:.72;letter-spacing:.01em;
}
.btn-back:hover,.btn-back:focus-visible{opacity:1;color:var(--cream)}
.btn-back:active{transform:translateX(-1px)}


/* Brand line icons (luxatradingbot.com style) */
.ico-svg{display:block;width:22px;height:22px;flex:none}
.ico-svg path,.ico-svg circle,.ico-svg rect,.ico-svg line,.ico-svg polyline,.ico-svg polygon{
  fill:none;stroke:url(#luxaStroke);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.ico-svg.filled path,.ico-svg.filled circle,.ico-svg.filled polygon{fill:url(#luxaStroke);stroke:none}
.ico-svg.filled.soft path{fill:url(#luxaStroke);opacity:.95}
.ico-tile{
  display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;flex:none;
  background:linear-gradient(180deg,#0c1433,#070b1c);border:1px solid #00C4FB33;
  box-shadow:inset 0 1px 0 #ffffff0a,0 0 18px #00C4FB14;
}
.ico-tile.sm{width:28px;height:28px;border-radius:8px}
.ico-tile.sm .ico-svg{width:16px;height:16px}
.ico-tile.lg{width:56px;height:56px;border-radius:16px}
.ico-tile.lg .ico-svg{width:28px;height:28px}
.ico-inline{
  display:inline-grid;place-items:center;width:1.05em;height:1.05em;vertical-align:-0.15em;margin-right:.35em;
}
.ico-inline .ico-svg{width:1.05em;height:1.05em}
.btn .ico-inline{margin-right:.4em}
.btn .ico-inline .ico-svg path,.btn .ico-inline .ico-svg circle,.btn .ico-inline .ico-svg polyline,
.btn .ico-inline .ico-svg line,.btn .ico-inline .ico-svg polygon{
  stroke:#00000a;stroke-width:2;
}
.btn .ico-inline .ico-svg.filled path,.btn .ico-inline .ico-svg.filled polygon{fill:#00000a;stroke:none}
.btn-secondary .ico-inline .ico-svg path,.btn-secondary .ico-inline .ico-svg circle,
.btn-secondary .ico-inline .ico-svg polyline,.btn-secondary .ico-inline .ico-svg line{
  stroke:url(#luxaStroke);stroke-width:1.8;
}
.btn-secondary .ico-inline .ico-svg.filled path{fill:url(#luxaStroke);stroke:none}
.lot-pill .ico-tile{margin:0;flex:none}
.check-pop{background:transparent;box-shadow:none;width:auto;height:auto;padding:0}
.check-pop .ico-tile{width:64px;height:64px;border-radius:18px}
.check-pop .ico-tile .ico-svg{width:32px;height:32px}
.list-item .dot{font-size:0;padding:0}
.list-item .dot .ico-svg{width:14px;height:14px}
.list-item .dot .ico-svg path,.list-item .dot .ico-svg polyline{
  stroke:#00000a;stroke-width:2.4;
}
.sc-body{display:grid;gap:6px}
.sc-row{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#eef1ff}
.sc-row .ico-tile{width:26px;height:26px;border-radius:7px}
.sc-row .ico-tile .ico-svg{width:14px;height:14px}
.tier .right{display:grid;place-items:center;min-width:28px}
.tier .right .ico-tile{width:28px;height:28px;border-radius:8px}
.tier .right .ico-tile .ico-svg{width:14px;height:14px}
.tier .right .plus{font-weight:700;color:#20E3B2}
.restart-test{display:inline-flex;align-items:center;gap:6px}
.restart-test .ico-inline{margin:0}
.restart-test .ico-svg path,.restart-test .ico-svg polyline{
  stroke:url(#luxaStroke);stroke-width:1.8;
}
.level-toast{display:flex;align-items:center;gap:8px}
.level-toast .ico-tile{width:28px;height:28px;border-radius:8px}
.level-toast .ico-tile .ico-svg{width:14px;height:14px}
.btn-back{display:inline-flex;align-items:center;gap:4px}
.btn-back .ico-inline{margin:0}
.btn-back .ico-svg path,.btn-back .ico-svg polyline,.btn-back .ico-svg line{
  stroke:currentColor;stroke-width:1.8;
}
.help{display:inline-flex;align-items:center;gap:6px}
.help .ico-inline{margin:0}
.help .ico-svg path,.help .ico-svg circle{
  stroke:url(#luxaStroke);stroke-width:1.7;
}
.micro-inline{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.micro-inline .ico-tile{vertical-align:middle}


.brand-green{color:#20E3B2;font-weight:700}
.lead:empty{display:none}
.callout{
  display:flex;gap:12px;align-items:flex-start;margin:4px 0 16px;padding:14px 14px;
  border-radius:16px;border:1px solid #20E3B255;
  background:linear-gradient(135deg,#7D2AE822,#20E3B214);box-shadow:0 0 24px #7D2AE822;
}
.callout .ico-tile{flex:none}
.callout-body{font-size:.88rem;line-height:1.5;color:var(--cream)}
.callout-body b{color:#20E3B2;font-weight:800}
.tier.star{
  position:relative;padding-top:22px;transform:scale(1.03);
  border:1.5px solid transparent;
  background:
    linear-gradient(#0a0f24,#0a0f24) padding-box,
    linear-gradient(90deg,#7b4dff,#22e0d8,#7b4dff) border-box;
  box-shadow:0 0 0 3px #7b4dff33,0 0 32px 6px #7b4dff55,0 0 48px #22e0d833;
}
.tier.star.selected{
  box-shadow:0 0 0 4px #20E3B244,0 0 36px 8px #7b4dff66,0 0 56px #22e0d844;
}
.tier-badge{
  position:absolute;top:-10px;left:14px;padding:3px 10px;border-radius:999px;
  font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  background:linear-gradient(90deg,#7b4dff,#22e0d8);color:#05071a;
  box-shadow:0 0 16px #7b4dff66;
}
.btn .ico-inline{order:2}
.btn .ico-inline .ico-svg{width:18px;height:18px}

.micro-center{text-align:center}
.callout-body .ico-inline{display:inline-flex;vertical-align:-3px;margin-left:6px}
.callout-body .ico-inline .ico-svg{width:16px;height:16px;stroke:#20E3B2}
.fund-info{
  margin:0 0 12px;padding:12px 12px;border-radius:14px;
  background:#05071af2;border:1px solid #7D2AE833;
  display:grid;gap:8px;
}
.fund-info p{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink)}
.fund-info b{color:#20E3B2;font-weight:800}


/* v18 */
.email-sub{margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--muted)}
.settings-lead{margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.45}
.list-item .dot.empty{background:transparent;border:1.5px solid #7D2AE866;box-shadow:none}
.list-item .dot.tick-pop{animation:tickPop .45s ease}
@keyframes tickPop{0%{transform:scale(.6);opacity:.4}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion: reduce){
  .list-item .dot.tick-pop{animation:none}
}
.err.shake{animation:shake .35s ease}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.tier-help{
  display:inline-flex;align-items:center;justify-content:center;margin-left:6px;
  width:18px;height:18px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:#ffffff;color:#000;vertical-align:middle;
}
.tier-help .tier-q{display:block;font-size:13px;font-weight:900;line-height:1;color:#000;font-family:system-ui,sans-serif}
.tier-help .ico-svg{width:12px;height:12px}
.tier-popover{
  position:absolute;z-index:5;left:12px;right:12px;top:calc(100% + 8px);
  padding:12px 14px 14px;border-radius:14px;background:#0b1228;border:1px solid #20E3B255;
  box-shadow:0 12px 40px #00000088;text-align:left;
}
.tier-popover p{margin:0;font-size:.8rem;line-height:1.45;color:var(--cream)}
.tier-popover > p:first-of-type{padding-top:18px}
.tier-popover > p + p{margin-top:8px}
.tier-popover-x{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}
.tier-popover-x .ico-svg{width:14px;height:14px}
.tier.star{overflow:visible}
.mt5-boxes,.store-device-boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}
@media (max-width:360px){
  .mt5-boxes,.store-device-boxes{gap:6px}
  .mt5-box{padding:10px 6px 8px}
  .mt5-box-body b{font-size:.9rem}
  .mt5-box-badge img{height:30px}
  .mt5-box-badge img.gp{height:30px;max-width:112px}
}
.mt5-box{
  display:flex;flex-direction:column;gap:8px;padding:12px 10px 10px;border-radius:16px;text-decoration:none;color:inherit;
  border:1px solid #7D2AE866;background:linear-gradient(180deg,#0c1433,#070b1c);cursor:pointer;text-align:left;
  box-shadow:0 0 20px #7D2AE822;transition:transform .15s ease,box-shadow .15s ease;
}
a.mt5-box:hover,button.mt5-box:hover{box-shadow:0 0 28px #20E3B233}
.mt5-box:active{transform:scale(.985)}
.mt5-box-top{display:flex;align-items:center;justify-content:space-between}
.mt5-badge{
  display:inline-block;padding:3px 9px;border-radius:999px;font-size:.65rem;line-height:1.2;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(90deg,#7b4dff,#22e0d8);color:#05071a;
}
.mt5-dl-label{display:none}
.mt5-box-body{display:grid;gap:2px}
.mt5-box-body b{font-size:.98rem}
.mt5-box-body span{font-size:.78rem;color:var(--muted)}
.mt5-box-badge{display:flex;align-items:center}
.mt5-box-badge img{height:36px;width:auto;display:block}
.mt5-box-badge img.gp{height:36px;max-width:135px}
.mt5-box-caption{margin-top:6px;font-size:11px;line-height:1.2;letter-spacing:-.01em;color:var(--muted);text-align:left;white-space:nowrap}
@media (max-width:400px){
  .mt5-box-caption{font-size:10px;margin-top:5px}
}
.tg-store-wrap{margin-top:8px}
.tt-required{
  display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;padding:12px 14px;border-radius:16px;
  border:1px solid #20E3B255;background:linear-gradient(135deg,#7D2AE822,#20E3B214);
}
.tt-required-body{display:grid;gap:4px}
.tt-required-body b{color:#20E3B2;font-weight:800;font-size:.92rem}
.tt-required-body span{font-size:.82rem;line-height:1.45;color:var(--cream)}
.tt-example{margin:0 0 12px}
.tt-video{
  display:block;width:100%;max-width:100%;height:auto;aspect-ratio:9/16;max-height:min(62vh,520px);
  object-fit:contain;background:#05071a;border-radius:14px;border:1px solid #00C4FB33;
  box-shadow:0 0 24px #7D2AE822;
}
.tt-photo-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:14px;overflow:hidden}
.tt-photo{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #00C4FB33}
.tt-lightbox{
  position:fixed;inset:0;z-index:80;background:#000000cc;display:grid;place-items:center;padding:18px;
}
.tt-lightbox img{max-width:100%;max-height:90vh;border-radius:12px}
.tt-lightbox-x{position:absolute;top:16px;right:16px;border:0;background:#ffffff22;color:#fff;border-radius:999px;padding:8px;cursor:pointer}
.tt-upload{
  margin:14px 0 8px;padding:14px;border-radius:16px;border:1px solid #7D2AE866;
  background:linear-gradient(180deg,#0c1433,#070b1c);
}
.tt-upload-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tt-upload-head b{font-size:1rem}
.tt-upload-text{margin:0 0 8px;font-size:.84rem;line-height:1.5;color:var(--cream)}
.upload-zone{position:relative;margin-top:10px;border:1px dashed #20E3B266;border-radius:14px;padding:14px;cursor:pointer;background:#05071a88}
/* Visually hide file input WITHOUT display:none so iOS/label activation works */
.upload-input{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);
  white-space:nowrap;border:0;opacity:0;
}
.upload-idle{display:grid;gap:4px;justify-items:center;text-align:center;color:var(--muted);cursor:pointer}
.upload-idle b{color:var(--cream)}
.upload-ico .ico-svg,.upload-idle .ico-svg{width:28px;height:28px}
.upload-preview{display:grid;gap:8px;justify-items:center}
.upload-preview img{max-width:100%;max-height:220px;border-radius:10px}
.upload-change{border:0;background:transparent;color:#20E3B2;font-weight:700;cursor:pointer;text-decoration:underline;font:inherit;padding:0}
.sc-name{color:#eef1ff}.sc-name.brand-green{color:#20E3B2}
/* v18.1: hidden must beat display:grid on upload blocks */
.upload-preview[hidden],.upload-idle[hidden],#ttUploadSection[hidden],[hidden]{display:none !important}


/* v19 */
.mt5-box-badge img{max-width:100%;height:auto;max-height:36px}
/* v19.5 */
.mt5-box-caption{color:#20E3B2;font-weight:700}
.steps-mini li{list-style:none;font-size:.82rem;line-height:1.45;color:var(--ink);display:flex;align-items:flex-start;gap:10px;position:relative;padding-left:0}
.steps-mini li::before{content:none !important;display:none !important}
.steps-mini .sm-dot{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.7rem;font-weight:800;color:#05071a;margin-top:0;background:transparent;border:1.5px solid #7D2AE866;box-shadow:none}
.steps-mini .sm-dot.empty{background:transparent;border:1.5px solid #7D2AE866;color:transparent;box-shadow:none}
.steps-mini .sm-dot.filled{background:linear-gradient(135deg,#7b4dff 0%,#22e0d8 100%);border:0;color:#05071a;box-shadow:0 0 0 2px #7b4dff33,0 0 14px #7b4dff44}
.steps-mini .sm-dot.tick-pop{animation:tickPop .45s ease}
.steps-mini .sm-text{flex:1;min-width:0}
@media (prefers-reduced-motion: reduce){.steps-mini .sm-dot.tick-pop{animation:none}}
/* v19.7 — store boxes soft ring while waiting for download (MT5) */
#mt5StoreBoxes.store-cta-active .store-device-boxes,
#mt5StoreBoxes.store-cta-active{
  border-radius:18px;
}
#mt5StoreBoxes.store-cta-active .mt5-box{
  border-color:#ffffffb3;
  box-shadow:0 0 0 3px #7b4dff2e,0 0 18px 4px #7b4dff44,0 0 36px 6px #22e0d833,inset 0 1px #ffffff66;
  animation:cta-pulse 2.8s ease-in-out infinite;
}

/* v19.9 */
.tt-video-caption{
  margin:0 0 8px;color:#20E3B2;font-weight:600;font-size:.92rem;line-height:1.25;
  letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media (max-width:360px){
  .tt-video-caption{font-size:.86rem}
}
.fund-howto{
  margin:14px 0 10px;padding:14px;border-radius:16px;
  border:1px solid #20E3B255;background:linear-gradient(135deg,#7D2AE818,#20E3B212);
}
.fund-howto-lead{margin:0 0 12px;font-size:.95rem;line-height:1.4;color:var(--cream)}
.fund-howto-lead b{color:#20E3B2;font-weight:800}
.fund-howto-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fund-howto-steps li{display:flex;align-items:center;gap:10px;font-size:.84rem;line-height:1.35;color:var(--cream)}
.fund-howto-steps li b{font-weight:800}
.fund-howto-steps .ico-tile{flex:none}
.fund-moneta-link{
  display:inline-block;margin-top:12px;font-size:.78rem;color:var(--muted);
  text-decoration:underline;text-underline-offset:2px;
}
.fund-moneta-link:hover{color:#20E3B2}
.tg-dl-hint{
  margin:10px -6px 6px;text-align:center;font-size:12px;line-height:1.25;font-weight:500;
  letter-spacing:-.04em;white-space:nowrap;
}

/* v19.9c — keep download labels + tg hint on one line at 360 */
@media (max-width:390px){
  .tg-dl-hint{font-size:12px;letter-spacing:-.055em;margin-left:-10px;margin-right:-10px}
  .mt5-box{padding:10px 6px 8px;gap:7px}
  .mt5-boxes,.store-device-boxes{gap:6px}
}

/* v19.9e — restore gradient store pills; longer labels fit one line at 360/390 */
@media (max-width:390px){
  .mt5-badge{font-size:.6rem;letter-spacing:0;padding:3px 7px}
}
@media (max-width:360px){
  .mt5-badge{font-size:.56rem;letter-spacing:-.01em;padding:3px 6px}
}