@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f5f8;--paper:#fff;--ink:#202130;--muted:#646677;--line:#e6e5ee;--purple:#6d48dc;--lav:#ede8ff;--green:#dcf7a3;--dark:#242238;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 Manrope,Arial,sans-serif}a{color:var(--purple);text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a58cff;outline-offset:4px}button{cursor:pointer}.topbar{height:76px;position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:15px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;line-height:1.2;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2.3px;margin-top:5px;color:var(--muted)}.mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--purple);color:white;font-size:24px}.toplinks{display:flex;gap:22px;align-items:center}.toplinks a{font-size:12px;text-decoration:none;color:var(--ink);font-weight:700}.pill{background:var(--lav);border-radius:30px;padding:7px 13px;font-size:11px;font-weight:800;color:var(--purple)}.layout{max-width:1450px;margin:auto;padding:34px 4% 0;display:grid;grid-template-columns:214px minmax(0,1fr);gap:42px}.sidebar{position:sticky;top:107px;align-self:start;max-height:calc(100vh - 127px);overflow:auto;padding:7px 12px 20px 0}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:var(--purple);text-transform:uppercase}.sidebar nav{display:grid;gap:4px;margin:18px 0}.sidebar nav a{font-size:12px;color:var(--muted);text-decoration:none;display:flex;gap:12px;align-items:center;padding:9px 11px;border-radius:9px;line-height:1.5}.sidebar nav a span{font-size:10px;color:#8a8998}.sidebar nav a:hover,.sidebar nav a.active{background:var(--lav);color:var(--purple);font-weight:800}.side-note{border-top:1px solid var(--line);padding:17px 10px;font-size:11px;color:var(--muted)}.progress{height:4px;background:var(--line);border-radius:5px;margin:12px 0}.progress div{height:100%;width:0;background:var(--purple);border-radius:5px}.content{min-width:0}.hero{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:38px;overflow:hidden}.hero-top{display:flex;align-items:center;gap:10px}.hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.13;letter-spacing:-2.5px;margin:20px 0 18px;font-weight:800;max-width:760px}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:670px}.hero-bottom{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;padding:12px 20px;background:var(--purple);color:white;font-size:12px;text-decoration:none;font-weight:800}.button.secondary{background:var(--lav);color:var(--purple)}.readtime{font-size:11px;color:var(--muted)}.route{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0 0}.route a{position:relative;background:var(--bg);border:1px solid var(--line);padding:15px;border-radius:13px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800}.route a:not(:last-child):after{content:'→';position:absolute;right:-14px;top:31px;z-index:1;color:var(--purple);background:white;border-radius:50%;width:16px;text-align:center}.route b{display:block;color:var(--purple);font-size:21px;margin-bottom:5px}.route small{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:4px}.risk-strip{display:flex;align-items:flex-start;gap:12px;margin:18px 0 45px;padding:15px 18px;border-radius:12px;background:#fff4df;color:#695630;font-size:12px}.risk-strip b{white-space:nowrap}.chapter{margin:0 0 45px;scroll-margin-top:100px}.chapter-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.num{flex-shrink:0;display:grid;place-items:center;background:var(--lav);color:var(--purple);width:39px;height:39px;border-radius:12px;font-size:12px;font-weight:800}.chapter h2{margin:1px 0 5px;font-size:27px;line-height:1.35;letter-spacing:-.8px}.chapter-heading p{margin:0;color:var(--muted);font-size:13px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:23px;min-width:0}.card h3{font-size:17px;margin:10px 0}.card p{font-size:13px;color:var(--muted);margin:8px 0}.tag{display:inline-block;border-radius:7px;background:var(--lav);color:var(--purple);padding:3px 8px;font-size:10px;font-weight:800}.tag.green{background:var(--green);color:#39531b}.note{background:var(--lav);border-left:3px solid var(--purple);border-radius:0 11px 11px 0;padding:16px 19px;font-size:13px;margin:20px 0}.note.warning{background:#fff4df;border-color:#b78938;color:#6d5631}.note.good{background:#edf6df;border-color:#8bb558;color:#3c5727}.note strong{display:block;margin-bottom:4px}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps>li{counter-increment:steps;position:relative;padding:0 0 23px 42px;font-size:13px}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(steps);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--purple);background:var(--lav);font-size:11px;font-weight:800}.steps strong{display:block;margin-bottom:5px;font-size:14px}.steps p{margin:0;color:var(--muted)}.screenshot{margin:0;background:#eeedf5;border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative}.screenshot img{width:100%;height:auto;display:block}.screenshot button{display:block;padding:0;border:0;width:100%;background:transparent}.screenshot figcaption{padding:12px 16px;font-size:10px;color:var(--muted);line-height:1.65;background:white}.screen-label{background:var(--purple);color:white;padding:10px 15px;font-size:11px;font-weight:800}.screen-callout{position:absolute;background:#dcf7a3;color:#293719;border:2px solid #fff;box-shadow:0 4px 15px #0002;padding:7px 12px;border-radius:9px;font-size:11px;font-weight:800;pointer-events:none}.screen-callout:before{content:'↓';display:block;font-size:25px;line-height:1}.compact-shot img{max-height:460px;object-fit:contain}.flow{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:20px 0}.flow .flow-box{flex:1;min-width:120px;padding:18px;border:1px solid var(--line);border-radius:13px;background:white;font-size:12px}.flow .arrow{align-self:center;color:var(--purple);font-size:23px}.flow b{display:block;font-size:14px;margin-bottom:5px}.flow small{color:var(--muted)}.platform-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.platform-name{font-size:23px;font-weight:800;letter-spacing:-1px}.list{padding-left:19px;font-size:13px;color:var(--muted)}.list li{margin:9px 0}.dark{background:var(--dark);color:#fff;border:none}.dark p,.dark .list{color:#d1cede}.dark .tag{background:#ffffff17;color:#d7ccff}.metric{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.metric:last-child{border:none}.metric b{display:block;color:var(--ink)}.metric span{color:var(--muted)}.metric small{color:var(--purple);font-size:10px}.example{background:#eeecf5;padding:20px;border-radius:14px;margin-top:20px;font-size:12px}.case-amount{font-size:29px;letter-spacing:-1px;font-weight:800;color:var(--purple)}.case-amount small{font-size:12px;letter-spacing:0}.source{font-size:10px;color:var(--muted);margin-top:12px}.checklist{display:grid;gap:9px}.checklist label{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:11px;font-size:13px;cursor:pointer;background:white}.checklist input{accent-color:var(--purple);width:17px;height:17px;flex-shrink:0;margin-top:3px}.checklist label:has(input:checked){background:#eff7e4;border-color:#c9e0ad}.check-status{margin-top:14px;font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0}details:last-child{border:0}summary{font-size:14px;font-weight:800;cursor:pointer}details p{font-size:13px;color:var(--muted);padding:0 15px}.socials{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.socials a{display:flex;flex-direction:column;gap:8px;border:1px solid #ffffff2b;border-radius:14px;padding:20px;text-decoration:none;color:#fff;min-width:0}.socials a:hover{background:#ffffff0b}.socials strong{font-size:14px;line-height:1.5}.socials small{color:#c9c2dd;font-size:11px}.socials span{color:var(--green);font-size:12px;font-weight:700}.footer{padding:30px 0;color:var(--muted);font-size:11px}.footer p{max-width:800px}.mobile-menu{display:none}.lightbox{border:0;border-radius:15px;padding:45px 12px 12px;max-width:95vw;max-height:95vh;background:#f6f5fc}.lightbox::backdrop{background:#171329d9}.lightbox img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}.lightbox button{position:absolute;top:8px;right:12px;border:0;background:var(--lav);border-radius:7px;padding:5px 12px;color:var(--purple)}.anchor-link{text-decoration:none;color:inherit}.muted{color:var(--muted)}.reading-line{position:fixed;top:75px;left:0;height:3px;background:var(--purple);z-index:30;width:0}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.caption{font-size:11px;color:var(--muted)}.signal-figure{margin:0}.signal-figure img{width:100%;border-radius:15px;border:1px solid var(--line)}
@media(min-width:1500px){.hero h1{font-size:61px}}@media(max-width:1100px){.layout{grid-template-columns:175px minmax(0,1fr);gap:25px;padding:25px 3% 0}.hero{padding:28px}.grid3{grid-template-columns:1fr}.grid3.platforms{grid-template-columns:repeat(3,1fr)}.platforms .card{padding:17px}.socials{grid-template-columns:1fr}.route{gap:8px}.route a{padding:12px}.grid2{gap:14px}.panel{padding:23px}}@media(max-width:800px){.layout{display:block;padding:20px 18px 0}.sidebar{display:none;position:fixed;inset:75px 0 auto 0;z-index:19;background:white;padding:20px;max-height:80vh;box-shadow:0 15px 30px #0002}.sidebar.open{display:block}.sidebar nav{grid-template-columns:1fr 1fr}.mobile-menu{display:inline-flex;border:1px solid var(--line);border-radius:9px;background:white;padding:7px 11px;font-size:11px}.topbar{padding:0 18px}.toplinks{gap:12px}.toplinks>a{display:none}.hero h1{letter-spacing:-1.3px;font-size:41px}.grid2,.proof-grid{grid-template-columns:1fr}.grid3.platforms{grid-template-columns:1fr}.route{grid-template-columns:repeat(2,1fr)}.route a:nth-child(2):after{display:none}.route a{padding:16px}.risk-strip{display:block}.risk-strip b{display:block;margin-bottom:4px}.hero{padding:25px}.chapter h2{font-size:24px}.lead{font-size:14px}.metric{grid-template-columns:110px 1fr;gap:13px}.panel{padding:22px}.socials{grid-template-columns:1fr}.brand{font-size:12px}.brand small{font-size:8px}.screen-callout{font-size:9px;padding:5px 8px}.compact-shot img{max-height:430px}.flow{gap:8px}.flow .flow-box{min-width:105px}.chapter{margin-bottom:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.topbar,.sidebar,.reading-line,.hero-bottom,.lightbox{display:none}.layout{display:block;padding:0}.chapter{break-inside:avoid}.hero{padding:20px}.grid2{display:block}.panel,.card{break-inside:avoid}body{background:white}a{color:#222}details{display:block}details>*{display:block}}

/* Theme controls stay compact in the sticky header. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}
.theme-toggle:hover{border-color:var(--purple);color:var(--purple)}
.brand .mark{flex-shrink:0}
@media(max-width:1100px){.toplinks{gap:12px}.toplinks>.pill{display:none}}
@media(max-width:800px){.topbar{gap:10px}.toplinks{gap:8px;flex-shrink:0}.brand{min-width:0;gap:8px}.brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{flex-shrink:0;color:var(--ink);white-space:nowrap}.theme-toggle{padding:7px 9px;font-size:11px}}
@media(max-width:480px){.topbar{padding:0 12px;gap:8px}.theme-toggle{width:36px;padding:7px;font-size:19px}.theme-toggle span{display:none}.brand small{font-size:7px;letter-spacing:1px}.brand .mark{width:30px;height:34px;font-size:21px}.toplinks{gap:6px}.mobile-menu{padding:7px 8px}}
@media screen{
  :root[data-theme="dark"]{color-scheme:dark;--bg:#090909;--paper:#141414;--ink:#f5f5f5;--muted:#bdbdbd;--line:#393939;--purple:#ff9b45;--lav:#302014;--green:#ff9b45;--dark:#101010}
  [data-theme="dark"] body{background:var(--bg);color:var(--ink)}
  [data-theme="dark"] .topbar{background:#090909f2}
  [data-theme="dark"] .sidebar{background:var(--bg)}
  [data-theme="dark"] .sidebar nav a span{color:#aaa}
  [data-theme="dark"] .sidebar nav a:hover,[data-theme="dark"] .sidebar nav a.active{background:var(--lav);color:var(--purple)}
  [data-theme="dark"] .mark,[data-theme="dark"] .button:not(.secondary),[data-theme="dark"] .screen-label{background:var(--purple);color:#090909}
  [data-theme="dark"] .button.secondary,[data-theme="dark"] .pill,[data-theme="dark"] .tag,[data-theme="dark"] .tag.green{background:var(--lav);color:var(--purple)}
  [data-theme="dark"] .route a:not(:last-child):after{background:var(--bg)}
  [data-theme="dark"] .screenshot,[data-theme="dark"] .example{background:#1b1b1b}
  [data-theme="dark"] .screenshot figcaption,[data-theme="dark"] .flow .flow-box,[data-theme="dark"] .checklist label,[data-theme="dark"] .mobile-menu{background:var(--paper);color:var(--ink)}
  [data-theme="dark"] .screenshot figcaption{color:var(--muted)}
  [data-theme="dark"] .screen-callout{background:var(--purple);color:#090909;border-color:#090909;box-shadow:0 4px 15px #0008}
  [data-theme="dark"] .note{background:var(--lav);color:var(--ink)}
  [data-theme="dark"] .note.good{background:#251c15;border-color:var(--purple);color:#eee}
  [data-theme="dark"] .risk-strip,[data-theme="dark"] .note.warning{background:#291616;border-color:#f16d63;color:#ffd7d3}
  [data-theme="dark"] .risk-strip{border-left:3px solid #f16d63}
  [data-theme="dark"] .note.warning strong,[data-theme="dark"] .risk-strip b{color:#ff8c82}
  [data-theme="dark"] .checklist label:has(input:checked){background:#2b2015;border-color:#b76b2b}
  [data-theme="dark"] details{background:transparent;color:var(--ink)}
  [data-theme="dark"] summary::marker{color:var(--purple)}
  [data-theme="dark"] .dark{background:var(--dark);border:1px solid var(--line);color:var(--ink)}
  [data-theme="dark"] .dark p,[data-theme="dark"] .dark .list,[data-theme="dark"] .socials small{color:var(--muted)}
  [data-theme="dark"] .dark .tag{background:var(--lav);color:var(--purple)}
  [data-theme="dark"] .socials a{background:var(--paper);border-color:var(--line);color:var(--ink)}
  [data-theme="dark"] .socials a:hover{background:#211a14;border-color:var(--purple)}
  [data-theme="dark"] .socials span{color:var(--purple)}
  [data-theme="dark"] .lightbox{background:#111;border:1px solid var(--line)}
  [data-theme="dark"] .lightbox::backdrop{background:#000e}
  [data-theme="dark"] :is(a,button,input,summary):focus-visible{outline-color:var(--purple)}
  [data-theme="dark"] ::selection{background:#ff9b45;color:#090909}
}
/* Brand and bilingual navigation */
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:50%;flex-shrink:0}.language-switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;flex-shrink:0;gap:2px}.toplinks .language-switch a{display:block;padding:4px 7px;font-size:11px;color:var(--muted);border-radius:6px}.language-switch a[aria-current="page"]{background:var(--purple);color:var(--paper)}[data-theme="dark"] .language-switch a[aria-current="page"]{color:#101010}.toplinks .language-switch a[aria-current="page"]{color:white}[data-theme="dark"] .toplinks .language-switch a[aria-current="page"]{color:#101010}@media(max-width:520px){.topbar{padding:0 10px;gap:7px}.toplinks{gap:6px}.brand{gap:7px;font-size:10px}.brand small{font-size:7px;letter-spacing:1px}.brand-logo{width:37px;height:37px}.mobile-menu{font-size:10px;padding:6px}.toplinks .language-switch a{padding:4px 5px;font-size:10px}}
/* Keep all header controls available at phone widths. */
.mobile-menu{align-items:center;justify-content:center;gap:5px;min-height:36px}
@media(max-width:520px){.mobile-menu{width:36px;height:36px;padding:6px;font-size:17px}.mobile-menu .menu-label{display:none}.topbar .brand{flex:1;min-width:0}.topbar .toplinks{flex-shrink:0}}
/* Visual lessons and readable screenshot zoom */
.lesson-diagram{margin:0 0 24px}.lesson-diagram img{aspect-ratio:1000/420;object-fit:contain;background:#101013}.screenshot>svg{max-height:490px;max-width:540px;margin:auto}.step-frame{margin:0}.step-frame img{max-height:400px;object-fit:contain;background:#14141a}.visual-steps{margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.visual-steps .screenshot{align-self:start}.visual-steps .steps{margin-top:18px}.socials{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox{padding:0;overflow:hidden;background:var(--paper);color:var(--ink);width:auto;max-width:95vw}.zoom-toolbar{display:flex;align-items:center;gap:10px;padding:12px;position:sticky;top:0;background:var(--paper);z-index:1}.lightbox .zoom-toolbar button{position:static;border:1px solid var(--line);min-width:40px;min-height:40px;padding:5px 12px;background:var(--lav);color:var(--purple);font-weight:800}.lightbox .zoom-toolbar .zoom-close{margin-left:auto}.zoom-value{font-size:12px;min-width:40px;text-align:center}.image-stage{max-width:92vw;max-height:78vh;overflow:auto;padding:0 10px 10px;overscroll-behavior:contain}.lightbox .image-stage img{max-width:none;max-height:none;display:block;height:auto;object-fit:contain}.zoom-toolbar button:disabled{opacity:.4;cursor:default}.screen-legend{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none;font-size:12px}.screen-legend li{display:flex;gap:10px}.screen-legend b{background:var(--purple);color:white;border-radius:50%;min-width:22px;height:22px;text-align:center;font-size:11px}[data-theme="dark"] .screen-legend b{color:black}@media(max-width:800px){.visual-steps,.socials{grid-template-columns:1fr}.lesson-diagram{overflow-x:auto}.lesson-diagram img{min-width:580px}.lesson-diagram button{min-width:580px}.lesson-diagram figcaption{min-width:0}.lesson-diagram .screen-label{position:sticky;left:0}.lightbox .zoom-toolbar button{min-width:36px;min-height:36px}}
/* Annotated trading lessons: overlays keep the original reference screens intact. */
.trade-frame{margin:0}.trade-frame button{display:block;width:100%;padding:16px;background:#111116}.annotated-screen{position:relative;display:block;max-width:100%;margin:auto}.annotated-screen img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.trade-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trade-buy .annotated-screen{max-width:380px}.trade-sell .annotated-screen{max-width:650px}.trade-legend{list-style:none;padding:0;margin:18px 0;display:grid;gap:16px;line-height:1.7}.trade-buy,.trade-sell,.trade-pnl{margin-bottom:24px}.pnl-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:18px 0}.pnl-key p{margin:0 0 12px}.image-stage .zoom-canvas{position:relative;max-width:none;margin:0}.image-stage .zoom-canvas img{width:100%!important}.image-stage .zoom-canvas .trade-arrows{max-width:none;max-height:none}@media(max-width:800px){.trade-buy,.trade-sell,.pnl-key{grid-template-columns:1fr}.trade-frame button{padding:8px}}
/* Lead the signal lesson with its Telegram source. */
.signal-channel-banner{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 28px;padding:28px 32px;background:var(--lav);border:2px solid var(--purple);border-radius:20px;text-decoration:none;color:var(--ink);transition:box-shadow .15s}.signal-channel-banner:hover{box-shadow:0 5px 22px #0002;text-decoration:none}.signal-channel-label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--purple);font-weight:800}.signal-channel-banner strong{font-size:clamp(25px,4vw,36px);line-height:1.2}.signal-channel-name{font-size:18px;font-weight:700}.signal-channel-url{font-size:20px;color:var(--purple);font-weight:800;overflow-wrap:anywhere}.signal-channel-cta{display:inline-block;margin-top:5px;padding:12px 18px;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;font-size:14px}[data-theme="dark"] .signal-channel-cta{color:#090909}@media(max-width:520px){.signal-channel-banner{padding:22px 18px}.signal-channel-name{font-size:16px}.signal-channel-url{font-size:18px}}
/* Emphasize the upcoming YouTube launch in both themes. */
.socials .launch-status{color:#ff7066;font-weight:900;font-size:14px}.socials .launch-copy{font-weight:800;font-size:13px;line-height:1.7}
