:root{color-scheme:dark;--gold:#dfbf76;--white:#f4f5ee;--muted:#aabbb1;--line:#b49b5640;--green:#2edb8e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#143d2b 0,#091812 38%,#050c09 80%);color:var(--white);font:16px/1.6 system-ui,-apple-system,sans-serif;min-height:100svh}a{color:var(--gold)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efce7e;outline-offset:4px}[hidden]{display:none!important}header{max-width:1420px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font:27px Georgia,serif;white-space:nowrap}.brand img{border-radius:50%}.brand small{display:block;font:10px system-ui;letter-spacing:4px;margin-top:8px}nav{display:flex;gap:24px;align-items:center;font-size:14px}nav a{color:var(--white);text-decoration:none}button.gold,a.gold{background:linear-gradient(120deg,#f5d78d,#bc913b);color:#15180d;border:1px solid #eccb7c;box-shadow:0 3px 18px #d6b56010;font-weight:700}.gold,.outline{padding:12px 23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.outline{border:1px solid var(--line);background:transparent;color:var(--gold)}main{max-width:1280px;margin:auto;padding:62px 40px 45px;display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:start}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h1{font:clamp(38px,4.6vw,66px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:23px 0 22px}h1 em{font-weight:normal;color:var(--gold)}.lead{color:#c1ccc4;font-size:17px}.scene{padding:20px 8px 0;perspective:1000px}.monitor{border:2px solid #8f793e;border-radius:9px;padding:18px 18px 10px;background:linear-gradient(140deg,#11241c,#040a07);box-shadow:15px 18px 65px #0008;transform:rotateY(10deg) rotateZ(-1deg)}.monitor>span{font:10px system-ui;letter-spacing:2px;color:var(--gold)}.monitor b{float:right;font-weight:400;font-size:9px;letter-spacing:0}.monitor svg{width:100%;display:block;margin:16px 0}.monitor-foot{text-align:center;color:#9c9d77;font:8px system-ui;letter-spacing:3px}.monitor-foot span{margin:0 12px}.stand{width:130px;height:30px;margin:auto;background:linear-gradient(90deg,#363421,#988455,#242b1e);clip-path:polygon(40% 0,60% 0,65% 80%,100% 90%,100% 100%,0 100%,0 90%,35% 80%)}.free{display:inline-block;margin:22px 0 14px;padding:5px 12px;border:1px solid #6e825246;border-radius:30px;color:#cbd7c8;font-size:12px}.warning{display:flex;gap:15px;padding:20px;background:#271013;border:1px solid #ef4c5b60;border-left:4px solid #ff4e5f;border-radius:10px;color:#ff929b;font-size:13px}.warning strong{color:#ff6273;font-size:14px;letter-spacing:.6px}.warning p{margin:9px 0 0}.warning-icon{color:#ffd36c;font-size:30px;line-height:1.2}.account{background:linear-gradient(135deg,#14251de8,#08130f);border:1px solid #b69b5355;border-radius:18px;padding:30px 32px;box-shadow:0 20px 70px #0005;min-height:540px}.steps{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:28px}.steps span{color:#83998b;font:12px system-ui;text-align:center;position:relative;flex:1}.steps b{display:block;font-size:12px;margin-top:8px;font-weight:500}.steps .active{color:#f5d584}.steps .complete{color:#7be1a7}h2{font:34px/1.2 Georgia,serif;margin:0 0 12px}#flow>p{color:var(--muted);font-size:14px;margin:0 0 24px}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:13px;color:#d5dfd8}input,select{min-width:0;width:100%;padding:13px 14px;color:var(--white);background:#09140f;border:1px solid #76877665;border-radius:8px;font-size:15px}input::placeholder{color:#819388}input:focus,select:focus{border-color:var(--gold)}.password{position:relative}.password input{padding-right:70px}.password button{position:absolute;right:8px;top:9px;padding:7px;background:transparent;border:0;color:var(--gold);font-size:12px}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65}.check input{width:18px;height:18px;min-width:18px;margin:3px 0 0;accent-color:var(--gold)}.wide{width:100%}.muted{font-size:12px;color:var(--muted)}.row{display:flex;gap:10px}.row>*{flex:1}.form-link{text-align:center;margin:20px 0 0;font-size:13px}.text-button{background:none;border:0;color:var(--gold);text-decoration:underline;padding:4px;font-size:13px}.help{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted);text-align:center}#notice{padding:16px 18px;border:1px solid #d2aa6359;border-left:5px solid var(--gold);background:#473a1e60;border-radius:8px;margin-bottom:23px;font-size:16px;overflow-wrap:anywhere}.email-box{padding:18px;background:#193f2d;border:1px solid #377d55;border-radius:10px;margin:24px 0;overflow-wrap:anywhere;color:#bff4d1}.actions{display:grid;gap:12px;margin-top:20px}.security-help{font-size:12px;color:var(--muted)}#preview-banner{text-align:center;background:#3b3018;color:#f3d593;padding:8px 16px;font-size:11px;letter-spacing:1px}#design-tools{max-width:540px;margin:0 auto 30px;padding:15px;border:1px dashed var(--line);border-radius:10px}#design-tools label{font-size:12px}footer{max-width:1280px;padding:30px 40px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:24px}footer div{border-right:1px solid var(--line);padding-right:22px}footer div:last-of-type{border-right:0}footer strong{display:block;font:19px Georgia,serif;color:#eee3c7;margin-bottom:10px}footer span{font-size:12px;color:var(--muted);display:block}footer p{grid-column:1/-1;color:#82958a;font-size:11px}#member-area{grid-column:1/-1;border:1px solid var(--line);padding:30px;border-radius:15px;background:#102319}#member-area>p{color:var(--muted)}#resource-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}#resource-tabs button[aria-selected=true]{background:var(--gold);color:#111}#resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}#resources article{padding:23px;border:1px solid var(--line);border-radius:10px}#resources h3{font:23px Georgia,serif}#resources p{font-size:14px;color:var(--muted)}.ready{font-size:50px;color:#57e6a0;text-align:center}.robot-stage{height:190px;display:grid;place-items:center;margin:8px 0 25px;background:radial-gradient(ellipse at center,#245f3a70,transparent 65%)}.robot{position:relative;width:100px;height:145px;animation:salsa 1.1s ease-in-out infinite}.robot-head{position:absolute;top:8px;left:10px;width:80px;height:62px;background:linear-gradient(135deg,#fff1aa,#d3a84d,#7a591d);border-radius:22px;box-shadow:0 0 24px #d9b45540;z-index:2}.robot-face{position:absolute;inset:8px;background:#06140d;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:13px}.robot-eye{height:10px;width:16px;border-top:4px solid #cbffaf;border-radius:50%;box-shadow:0 -3px 9px #94df8540}.robot-body{position:absolute;left:22px;top:73px;width:56px;height:44px;background:linear-gradient(130deg,#e8c774,#8b692b);border-radius:14px;text-align:center;color:#07150c;font:bold 18px/44px Georgia}.robot-arm{position:absolute;top:76px;width:16px;height:48px;border-radius:12px;background:linear-gradient(90deg,#dcb761,#805e20);transform-origin:top}.robot-arm.left{left:7px;animation:arm 1.1s infinite alternate}.robot-arm.right{right:7px;animation:arm 1.1s infinite alternate-reverse}.robot-leg{position:absolute;top:112px;width:18px;height:30px;background:#c59a47;border-radius:5px 5px 8px 8px}.robot-leg.left{left:24px;animation:leg .55s infinite alternate}.robot-leg.right{right:24px;animation:leg .55s infinite alternate-reverse}@keyframes salsa{0%,100%{transform:translateX(-12px) rotate(-8deg)}50%{transform:translateX(12px) rotate(8deg)}}@keyframes arm{from{transform:rotate(-75deg)}to{transform:rotate(60deg)}}@keyframes leg{from{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-10px) rotate(20deg)}}@media(prefers-reduced-motion:reduce){.robot,.robot *{animation:none!important}}@media(max-width:1000px){header{padding:20px}nav>a{display:none}nav{gap:10px}.brand{font-size:21px}main{padding:40px 24px;gap:30px}.account{padding:25px 22px}}@media(max-width:700px){header{padding:15px 18px}.brand{font-size:18px;gap:10px}.brand img{width:46px;height:46px}.brand small{font-size:8px;letter-spacing:2px}nav button{padding:9px;font-size:11px}#nav-create{display:none}main{display:flex;flex-direction:column;padding:27px 18px;gap:25px}.intro,.account{width:100%}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:40px;margin:14px 0}.lead{font-size:14px}.scene{display:none}.free{margin-top:8px}.warning{padding:14px;font-size:12px}.warning strong{font-size:12px}.warning-icon{font-size:25px}.account{padding:24px 20px}.steps{padding-bottom:18px;margin-bottom:22px}h2{font-size:29px}footer{padding:24px 18px;grid-template-columns:1fr 1fr;gap:24px}footer strong{font-size:17px}footer div:nth-child(2){border-right:0}#member-area{width:100%;padding:22px}#design-tools{margin:0 18px 25px}.gold,.outline{min-height:44px}}

.auth-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--muted,#b5c5bd)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#45584c}.google-login{background:#fff;color:#202124;border:1px solid #dadce0;border-radius:6px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer}.google-login:hover{background:#f2f4f6}.google-login:disabled{opacity:.55;cursor:not-allowed}

/* Small screens: readable fields, compact challenge, no header overflow. */
main{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}
.intro,.account,#flow{min-width:0}input,select{font-size:16px}
#flow,.gold,.outline,.google-login,#resources article{overflow-wrap:anywhere}
#security{max-width:100%}
@media(max-width:420px){header{gap:8px}.brand{font-size:16px;gap:8px;min-width:0}.brand img{width:40px;height:40px}.brand small{letter-spacing:1px}nav{flex-shrink:0}nav button{padding:8px;font-size:11px}.account{padding:22px 16px}.steps b{font-size:11px}.check input{min-height:20px;min-width:20px}}

/* Requested visual review: account navigation and OSL category presentation only. */
.account-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.account-nav>.outline{font-size:14px;line-height:1.6;white-space:nowrap;font-weight:400;min-height:48px}
.account-nav>.outline:hover{background:#dfbf7610;border-color:#dfbf7680}
#resources>.osl-category{display:flex;flex-direction:column;align-items:flex-start;padding:30px;background:linear-gradient(140deg,#183a2a99,#0a1912);border-color:#b49b5655;min-width:0}
.osl-category-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d4b66a70;border-radius:14px;background:#d4b66a0d;color:var(--gold);margin-bottom:24px}
.osl-category-icon svg{width:32px;height:32px}
.osl-platform{font-size:10px;letter-spacing:2px;color:var(--gold)}
#resources .osl-category h3{font-size:29px;line-height:1.22;margin:14px 0}
#resources .osl-category p{margin:0 0 22px;max-width:44ch;flex:1}
.osl-soon{display:inline-block;color:#b5c8bb;font-size:12px;padding:5px 11px;border:1px solid #8cae8e38;border-radius:20px}
.osl-category>.outline{margin-top:25px;min-height:48px;width:100%}
#resources.category-open{grid-template-columns:1fr}
#resources>.osl-empty{padding:30px;background:#11291d}
.osl-empty .text-button{padding-left:0}
@media(max-width:1000px){header:has(.account-nav){flex-wrap:wrap;gap:20px}.account-nav{width:100%;justify-content:flex-start;gap:10px}.account-nav>a{display:inline-flex}}
@media(max-width:700px){.account-nav>.outline{font-size:13px;min-height:44px;padding:10px 13px}.account-nav{gap:8px;flex-shrink:1}#resources{grid-template-columns:1fr}#resources>.osl-category{padding:24px}#resources .osl-category h3{font-size:26px}.osl-category-icon{margin-bottom:20px}}

/* Account presentation: registration, sign-in, approved welcome and resources. */
body[data-account-view=approved] main{display:block;max-width:900px;padding-top:64px;padding-bottom:64px}
body[data-account-view=approved] .account{min-height:0;padding:44px 48px}
body[data-account-view=approved] #flow>h2{font-size:clamp(30px,4vw,42px);margin:16px 0}
body[data-account-view=approved] #flow>p{font-size:16px;line-height:1.8;max-width:56ch}
.member-welcome-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #dfbf7670;border-radius:50%;background:#dfbf7608;color:var(--gold);margin-bottom:26px}
.member-welcome-mark svg{display:block;width:32px;height:32px}
.member-welcome-actions{margin:28px 0 0;gap:12px}.member-welcome-actions .gold{min-height:54px}
body[data-account-view=approved] #flow>.member-account-note{margin:24px 0 0;font-size:13px;color:#b7d5c0;display:flex;align-items:baseline;gap:9px}
body[data-account-view=approved] .help{margin-top:26px}
body[data-account-view=resources] main{display:block}
.member-area-header{display:flex;align-items:center;justify-content:space-between;gap:26px}.member-area-header>div{min-width:0}
.member-area-header h2{margin:8px 0 12px}.member-area-header p{margin:0;color:var(--muted)}
#member-telegram{min-height:46px;font-size:13px;flex-shrink:0}#member-area{scroll-margin-top:24px}
#nav-members[aria-current=page]{border-color:var(--gold);background:#dfbf7610}
@media(max-width:700px){body[data-account-view=approved] main{padding:28px 18px}body[data-account-view=approved] .account{padding:28px 22px}body[data-account-view=approved] #flow>p{font-size:15px}.member-welcome-actions .gold{padding:13px 14px}.member-area-header{align-items:flex-start;flex-direction:column;gap:18px}#member-telegram{max-width:100%}}

/* YouTube links in the existing learning resources. */
#resources a.youtube-resource-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:7px;background:#dfbf7608;color:var(--white);text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}
#resources a.youtube-resource-link:hover{background:#dfbf7615;border-color:#dfbf7680}
.youtube-resource-mark{display:inline-flex;flex-shrink:0}.youtube-resource-mark svg{display:block;width:28px;height:20px}
/* The existing TikTok profile also accompanies the first YouTube learning card. */
#resources>.learning-with-tiktok{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);align-items:center;gap:32px}
.learning-primary{min-width:0}#resources .learning-primary h3{margin:0 0 14px}#resources .learning-primary p{margin:0 0 16px}
.learning-tiktok{justify-self:center;min-width:0;max-width:100%;text-align:center;padding:10px 0}#resources .learning-tiktok-name{margin:0 0 12px;color:var(--white);font-size:16px;font-weight:650}
#resources a.tiktok-resource-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:10px 16px;border:1px solid transparent;border-radius:7px;background:linear-gradient(#080d10,#080d10) padding-box,linear-gradient(110deg,#25f4ee,#fe2c55) border-box;color:#fff;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}
#resources a.tiktok-resource-link:hover{box-shadow:0 0 15px #25f4ee26}.tiktok-resource-mark{display:inline-flex;flex-shrink:0}.tiktok-resource-mark svg{display:block;width:24px;height:27px}
@media(max-width:800px){#resources>.learning-with-tiktok{grid-template-columns:1fr;gap:22px}.learning-tiktok{justify-self:stretch;text-align:left;border-top:1px solid var(--line);padding:22px 0 0}}
/* Zoom is supplied by the private resource catalog after existing authorization. */
#resources>.learning-with-tiktok.learning-with-zoom{grid-template-columns:minmax(0,1fr) minmax(260px,1fr) minmax(170px,.62fr);gap:26px;align-items:center}
.learning-zoom{min-width:0;border-left:1px solid var(--line);padding:4px 0 4px 26px}
.learning-zoom-logo{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:6px;background:#fff;margin:0 0 18px}
.learning-zoom-logo img{display:block;width:116px;height:auto;max-width:100%;aspect-ratio:116/26}
#resources .learning-zoom h3{font:24px/1.3 Georgia,serif;margin:0 0 12px;color:var(--white)}
#resources .learning-zoom>p{margin:0 0 18px;font-size:14px;line-height:1.65}
#resources .zoom-resource-link{min-height:48px;max-width:100%;padding:12px 16px;font-size:14px;line-height:1.5;text-align:center}
#resources .learning-zoom .learning-zoom-note{font-size:12px;line-height:1.6;margin:13px 0 0}
#resources>.learning-zoom-standalone{grid-column:1/-1}.learning-zoom-standalone .learning-zoom{border:0;padding:0}
@media(max-width:960px){#resources>.learning-with-tiktok.learning-with-zoom{grid-template-columns:1fr;gap:24px}.learning-with-zoom .learning-zoom{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.learning-with-zoom .learning-tiktok{justify-self:stretch;text-align:left;border-top:1px solid var(--line);padding:24px 0 0}}
/* TradingView educational catalog approved by Orly, 2026-10-23. */
#resources .sdt-tv-heading h3{font:30px/1.2 Georgia,serif;margin:10px 0 12px;color:var(--white)}
#resources .sdt-tv-heading>p{max-width:72ch;margin:0;color:var(--muted)}
.sdt-tv-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:18px}
.sdt-tv-topline .text-button{min-height:44px;padding:8px 0;font-size:14px}
.sdt-tv-note{padding:14px 18px;margin:20px 0 26px;border:1px solid var(--line);border-radius:8px;color:#c3d1c7;font-size:13px;line-height:1.65}
.sdt-tv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#resources .sdt-tv-card{display:flex;flex-direction:column;min-width:0;padding:27px;background:linear-gradient(140deg,#183a2a99,#0a1912)}
#resources .sdt-tv-card h4{font:26px/1.25 Georgia,serif;margin:14px 0 12px;overflow-wrap:anywhere;color:var(--white)}
.sdt-tv-tag{font-size:10px;color:#bdd0c3;letter-spacing:1px}
#resources .sdt-tv-description{margin:17px 0 20px;color:#c0cfc5;line-height:1.7;min-height:5.1em}
.sdt-tv-open{min-height:48px;align-self:stretch;margin:0 0 20px;font-size:14px;text-align:center}
.sdt-tv-lessons details{border-top:1px solid #9cb69d35;padding:0}
.sdt-tv-lessons summary{cursor:pointer;padding:15px 2px;min-height:48px;font-size:14px;font-weight:600;color:#ecefe5;line-height:1.5}
.sdt-tv-lessons summary:focus-visible{outline:3px solid #efce7e;outline-offset:3px;border-radius:4px}
.sdt-tv-lessons details[open] summary{color:var(--gold)}
#resources .sdt-tv-answer p,.sdt-tv-answer li{font-size:14px;line-height:1.8;color:#bfcec3;margin:0 0 13px}
.sdt-tv-answer ol{padding-left:21px;margin:0 0 12px}.sdt-tv-answer li{padding-left:4px;margin:0 0 7px}
#resources .sdt-tv-footnote{color:var(--muted);font-size:12px;margin:26px 0 0}
@media(max-width:700px){.sdt-tv-grid{grid-template-columns:1fr}#resources .sdt-tv-card{padding:22px}#resources .sdt-tv-card h4{font-size:24px}#resources .sdt-tv-description{min-height:0}#resources .sdt-tv-heading h3{font-size:26px}.sdt-tv-topline{gap:10px}}