/* Premium colour system for the public pages: "obsidian glass".
   Rules of the system: no flat fills (every surface is a shade or a gradient), glass cards with a light edge, one accent family (blue to violet to cyan),
   emerald for gains, rose for losses, and slow, restrained motion. Both themes use the same hues: deep and luminous at night, pearl and crisp by day.
   Loaded last, so it re-colours the whole page through the site's own variables. */

:root{
  --ink:#060A18;--ink-2:#0A1126;--panel:#0F1830;--panel-2:#162247;--fg:#EEF2FF;--fg-2:#C7D0EA;--muted:#8E9BBE;--faint:#5E6B90;
  --line:rgba(150,170,230,.10);--line-2:rgba(150,170,230,.18);--blue:#3D63F0;--blue-hi:#6C8CFF;--mint:#2DD4A0;--red:#FF6B81;--ac:#6C8CFF;--vio:#8B6CFF;--cy:#22D3EE;
  --g-ac:linear-gradient(135deg,#5B86FF 0%,#7C5CF5 55%,#22D3EE 120%);--g-up:linear-gradient(135deg,#34D399,#0EA5A4);--g-dn:linear-gradient(135deg,#FB7185,#F43F5E);
  --glass:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));--glass-solid:rgba(16,24,52,.62);--glass-bd:rgba(150,170,230,.20);--glass-sh:0 30px 60px -40px rgba(0,0,10,.9);
  --edge:linear-gradient(135deg,rgba(124,160,255,.65),rgba(255,255,255,.05) 38%,rgba(34,211,238,.4));
  --aur1:rgba(91,134,255,.20);--aur2:rgba(124,92,245,.16);--aur3:rgba(34,211,238,.10);--btn-tx:#fff;--btn-mint-tx:#03211A;--hdr:rgba(8,12,28,.84);--sheet:rgba(9,14,34,.86);
}
:root[data-theme="light"]{
  --ink:#F2F5FF;--ink-2:#E8EEFF;--panel:#FFFFFF;--panel-2:#EEF2FF;--fg:#0B1330;--fg-2:#2A3558;--muted:#5B678C;--faint:#8A95B5;
  --line:rgba(20,40,100,.08);--line-2:rgba(20,40,100,.14);--blue:#2A55D9;--blue-hi:#2A55D9;--mint:#08805A;--red:#D12B3A;--ac:#2A55D9;--vio:#6D4AE0;--cy:#0891B2;
  --g-ac:linear-gradient(135deg,#2A55D9 0%,#6D4AE0 55%,#0891B2 125%);--g-up:linear-gradient(135deg,#059669,#047857);--g-dn:linear-gradient(135deg,#E11D48,#BE123C);
  --glass:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.58));--glass-solid:rgba(255,255,255,.7);--glass-bd:rgba(255,255,255,.9);--glass-sh:0 30px 60px -40px rgba(30,50,140,.35);
  --edge:linear-gradient(135deg,rgba(42,85,217,.5),rgba(255,255,255,.5) 40%,rgba(8,145,178,.35));
  --aur1:rgba(42,85,217,.11);--aur2:rgba(109,74,224,.09);--aur3:rgba(8,145,178,.08);--btn-tx:#fff;--btn-mint-tx:#fff;--hdr:rgba(247,249,255,.88);--sheet:rgba(250,252,255,.88);
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --ink:#F2F5FF;--ink-2:#E8EEFF;--panel:#FFFFFF;--panel-2:#EEF2FF;--fg:#0B1330;--fg-2:#2A3558;--muted:#5B678C;--faint:#8A95B5;
  --line:rgba(20,40,100,.08);--line-2:rgba(20,40,100,.14);--blue:#2A55D9;--blue-hi:#2A55D9;--mint:#08805A;--red:#D12B3A;--ac:#2A55D9;--vio:#6D4AE0;--cy:#0891B2;
  --g-ac:linear-gradient(135deg,#2A55D9 0%,#6D4AE0 55%,#0891B2 125%);--g-up:linear-gradient(135deg,#059669,#047857);--g-dn:linear-gradient(135deg,#E11D48,#BE123C);
  --glass:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.58));--glass-solid:rgba(255,255,255,.7);--glass-bd:rgba(255,255,255,.9);--glass-sh:0 30px 60px -40px rgba(30,50,140,.35);
  --edge:linear-gradient(135deg,rgba(42,85,217,.5),rgba(255,255,255,.5) 40%,rgba(8,145,178,.35));
  --aur1:rgba(42,85,217,.11);--aur2:rgba(109,74,224,.09);--aur3:rgba(8,145,178,.08);--btn-tx:#fff;--btn-mint-tx:#fff;--hdr:rgba(247,249,255,.88);--sheet:rgba(250,252,255,.88);}}

/* page: a living gradient instead of a flat colour */
html{background:var(--ink)}
body{background:transparent!important;position:relative}
body:before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 640px at 12% 8%,var(--aur1),transparent 62%),radial-gradient(800px 600px at 92% 14%,var(--aur2),transparent 62%),radial-gradient(900px 700px at 60% 96%,var(--aur3),transparent 62%);
  animation:prmDrift 38s ease-in-out infinite alternate;will-change:transform}
@keyframes prmDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3%,2.5%,0) scale(1.08)}}
html:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,var(--ink),var(--ink-2));pointer-events:none}

/* header and footer: glass */
header.top{background:var(--hdr)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--glass-bd)!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 40px -28px rgba(0,0,20,.6)}
footer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel-2) 55%,transparent))!important;border-top:1px solid var(--glass-bd)!important}
footer:before{content:"";display:block;height:1px;background:var(--g-ac);opacity:.55}

/* glass surfaces: cards, panels, tiles, rows */
.card,.panel,.plan,.bk,.step,.fact,.kpi,.tile,.stat,.mood,.faq details,.contact-r li,.chart-card,.fz-card,.ma-card,.safe,.wow-box,.plan-inc{
  background:var(--glass)!important;border:1px solid var(--glass-bd)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--glass-sh)}
.ds-card,#main .pubx-s .panel{background:var(--glass)!important}
.ds-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--edge);-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:.8;transition:opacity .3s}
.ds-card:hover:before{opacity:1}

/* buttons: shades, never flat */
.btn{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;color:var(--fg)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.1,1),box-shadow .3s,border-color .25s}
.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 60%,transparent)!important;box-shadow:0 14px 34px -16px color-mix(in srgb,var(--ac) 80%,transparent)}
.btn.primary,.btn.big.primary,.btn.dark{background:var(--g-ac)!important;border-color:transparent!important;color:var(--btn-tx)!important;box-shadow:0 18px 40px -18px color-mix(in srgb,var(--vio) 85%,transparent),0 1px 0 rgba(255,255,255,.35) inset}
.btn.mint{background:var(--g-up)!important;border-color:transparent!important;color:var(--btn-mint-tx)!important;box-shadow:0 18px 40px -18px color-mix(in srgb,var(--mint) 85%,transparent),0 1px 0 rgba(255,255,255,.4) inset}
.btn.primary:after,.btn.mint:after,.btn.dark:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:prmShine 7s ease-in-out infinite}
@keyframes prmShine{0%,70%{left:-60%}100%{left:130%}}

/* chips, inputs, small controls */
.chip,.fz-chips li,.kicker,.tag{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
input[type=text],input[type=email],input[type=search],input[type=number],textarea,select{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;color:var(--fg)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,box-shadow .25s}
input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--ac) 70%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 16%,transparent)}

/* type: gradient accents */
h1 em,h2 em,h2 em.s,.fz h2 em{background:var(--g-ac);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.kicker,.eyebrow,.fz-badge,.sec-head .kicker{color:var(--ac)!important}
a:not(.btn):hover{color:var(--ac)}

/* gains and losses keep one shade each, everywhere */
.up,.chg.up,.t-ok{color:var(--mint)}.down,.dn,.chg.dn{color:var(--red)}

/* backtest + numbers: the figures take the accent shade */
.fact b,.stat b,.fz-stats b{background:var(--g-ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* the dashboard and the plan cards already use this palette; keep their edge light consistent */
.pd:before{background:var(--edge)}

@media (prefers-reduced-motion:reduce){body:before,.btn:after{animation:none!important}}

/* backtest month cells and legend: shades of one hue, not flat blocks */
#backtest .mgrid .m.p{background:var(--g-up)!important;color:var(--btn-mint-tx)!important;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--mint) 80%,transparent),0 1px 0 rgba(255,255,255,.3) inset}
#backtest .mgrid .m.l{background:var(--g-dn)!important;color:#fff!important;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--red) 80%,transparent),0 1px 0 rgba(255,255,255,.3) inset}
#backtest .mgrid .m{transition:transform .2s cubic-bezier(.2,.7,.1,1),filter .2s}#backtest .mgrid .m.p:hover,#backtest .mgrid .m.l:hover{transform:translateY(-2px) scale(1.06);filter:brightness(1.08)}
#backtest .legend i,#backtest .legend span:before{border-radius:4px}


/* ---- Telegram phone: a proper dark chat (the messages must stay readable in day mode too) ---- */
#main #telegram .phone{background:linear-gradient(180deg,#0E1526,#0A101D)!important;border:1px solid rgba(150,170,230,.18)!important;box-shadow:0 50px 90px -40px rgba(20,40,120,.6),0 0 0 6px rgba(20,28,50,.9),0 0 0 7px rgba(150,170,230,.18)!important}
#main #telegram .phone-top{background:linear-gradient(180deg,#141D33,#101829)!important;border-bottom:1px solid rgba(150,170,230,.14)!important;color:#EAF0FF}
#main #telegram .phone-top small{color:#7F8EA8!important}
#main #telegram .tg-feed .tg-msg,#main #telegram .tg-feed .tg-msg.ds-card{background:linear-gradient(180deg,#1A2540,#141D34)!important;border:1px solid rgba(150,170,230,.16)!important;border-radius:6px 18px 18px 18px!important;color:#DCE5F7!important;box-shadow:0 10px 24px -14px rgba(0,0,0,.8)!important;-webkit-backdrop-filter:none;backdrop-filter:none;padding:11px 14px 12px!important;position:relative}
#main #telegram .tg-feed .tg-msg:before{display:none!important}
#main #telegram .tg-feed .tg-msg b{color:#fff!important}
#main #telegram .tg-feed .tg-msg p{color:#B9C5DE!important;margin:4px 0 0!important}
#main #telegram .tg-feed .tg-msg time{color:#7F8EA8!important;font:500 11px var(--mono)}
#main #telegram .tg-feed .tg-msg .ds-hint{display:none}
#main #telegram .tg-feed .tg-msg:hover{transform:translateX(5px)!important;border-color:rgba(124,160,255,.55)!important}
#main #telegram .tg-ic{background:color-mix(in srgb,var(--c) 22%,transparent)!important;color:var(--c)!important;border-radius:9px}

/* ---- free-backtest card: same palette as the charts ---- */
.fz-orb.o1{background:var(--vio)!important}.fz-orb.o2{background:var(--cy)!important}
.fz-line{filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--vio) 50%,transparent))!important}
.fz-dot{filter:drop-shadow(0 0 8px var(--vio))!important}
.fz-card{background:var(--glass)!important}
.fz-stats b{background:var(--g-ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---- the four big numbers: calm hover ---- */
#main .facts .fact{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.1,1),box-shadow .3s,border-color .25s}
#main .facts .fact:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 55%,var(--glass-bd))!important;box-shadow:0 24px 50px -26px color-mix(in srgb,var(--ac) 70%,transparent)}
#main .facts .fact:before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:2px;background:var(--g-ac);opacity:.9;width:auto;transform:none;mask:none;-webkit-mask:none;padding:0;inset:auto;inset-inline:14px;inset-block-start:0}
#main .facts .fact:after{display:none}

/* ---- contact: the ticket button ---- */
.ct-ticket{margin-left:10px}
@media (max-width:620px){.ct-ticket{margin:10px 0 0}}


/* selected states of pills and chips: a gradient with white text, never glass on glass */
.chip.on,.chip[aria-pressed="true"],.mood.on,.mood[aria-pressed="true"],.mood.active,.mood.sel,.mood[aria-selected="true"],button[role="tab"][aria-selected="true"],.seg button[aria-pressed="true"]{background:var(--g-ac)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--vio) 85%,transparent),0 1px 0 rgba(255,255,255,.35) inset}
.mood{color:var(--fg-2)!important}
.mood:hover:not(.on){color:var(--fg)!important;border-color:color-mix(in srgb,var(--ac) 55%,transparent)!important}
.nav .pill{color:#fff!important}


/* ---- menu: readable glass, tidy Search key, a calmer My account ---- */
.wow-kb kbd{white-space:nowrap}
.nav a[href="my-account.html"]{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,transparent),color-mix(in srgb,var(--vio) 12%,transparent))!important;color:var(--fg)!important;border:1px solid color-mix(in srgb,var(--ac) 38%,transparent);box-shadow:none!important}
.nav a[href="my-account.html"]:after{display:none!important}
.nav a[href="my-account.html"]:hover{border-color:var(--ac)}

/* ---- detail sheet: the same glass as the rest ---- */
#gs .gs-bk{background:color-mix(in srgb,var(--ink) 50%,transparent)!important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}
#gs .gs-p{background:var(--sheet)!important;-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);border:1px solid var(--glass-bd)!important;box-shadow:-40px 0 90px -30px rgba(10,20,90,.55),0 0 0 1px rgba(255,255,255,.05) inset!important;color:var(--fg)}
#gs .gs-p:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--edge);-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:.9}
#gs .gs-h{border-bottom:1px solid var(--line-2)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 7%,transparent),transparent)}
#gs .gs-ht h3{background:var(--g-ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.02em}
#gs .gs-x,#gs .gs-back{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;color:var(--fg)!important}
#gs .gs-c,#gs .gs-kv>div{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;border-radius:14px!important;box-shadow:0 10px 24px -18px rgba(20,40,120,.5)}
#gs .gs-f button,#gs .gs-seg button{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;color:var(--fg-2)!important}
#gs .gs-f button.on,#gs .gs-f button[aria-pressed="true"],#gs .gs-seg button.on,#gs .gs-seg button[aria-pressed="true"]{background:var(--g-ac)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--vio) 90%,transparent)}
#gs .gs-t{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;border-radius:18px!important;box-shadow:0 14px 30px -22px rgba(20,40,120,.6);transition:transform .25s cubic-bezier(.2,.7,.1,1),box-shadow .3s}
#gs .gs-t:hover{transform:translateY(-2px);box-shadow:0 24px 44px -24px color-mix(in srgb,var(--ac) 70%,transparent)}
#gs .gs-day{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,transparent),color-mix(in srgb,var(--vio) 10%,transparent))!important;border:1px solid color-mix(in srgb,var(--ac) 30%,transparent)!important}
#gs .gs-more{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,transparent),color-mix(in srgb,var(--vio) 10%,transparent))!important;border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)!important;color:var(--fg)!important;font-weight:700}
#gs .gs-more:hover{filter:brightness(1.08);transform:translateY(-1px)}
#gs .gs-ft{border-top:1px solid var(--line-2)!important;background:transparent!important}
#gs .gs-ft button,#gs .gs-ft a{background:var(--glass)!important;border:1px solid var(--glass-bd)!important;color:var(--fg)!important;border-radius:999px}
#gs .gs-lead{color:var(--fg-2)}

/* numbered checks (Guide): white number on the gradient circle */
.check::before{display:grid;place-items:center;width:36px;height:36px;left:24px;top:24px;border-radius:50%;background:var(--g-ac,linear-gradient(135deg,#2A55D9,#7C5CF5))!important;color:#fff!important;font:800 .78rem/1 var(--mono);letter-spacing:0;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--ac,#2A55D9) 80%,transparent)}