@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0e1015;--panel:#16181f;--line:#292c35;--muted:#999da9;--purple:#9e75ff;--text:#f4f3f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,border-color .18s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c5aaff;outline-offset:5px}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;line-height:1.3}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:17px}p{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:34px 20px 24px;background:#12141a;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;line-height:1.1;padding:0 10px 39px;letter-spacing:.8px}.brand-small{display:block;font-size:11px;letter-spacing:2px;margin-top:4px}.logo-crop{position:relative;display:block;overflow:hidden;width:51px;height:51px;flex-shrink:0}.logo-crop img{position:absolute;width:108px;max-width:none;left:-22px;top:-44px}.side-label,.tiny{font-size:10px;letter-spacing:1.2px;color:#7b7f8e;font-weight:700}.side-label{padding:0 12px;margin-bottom:17px}nav{display:grid;gap:6px}nav a{padding:13px 12px;border-radius:7px;font-size:14px;color:#a6a9b5;display:flex;align-items:center;gap:12px}nav a>span{font-size:20px;width:20px;text-align:center;line-height:1}nav a.active{background:#272035;color:#c5a8ff}nav a:hover{background:#242631;color:white}nav small{margin-left:auto;background:#34303f;border-radius:4px;padding:0 6px;font-size:11px}.side-course{margin-top:46px;padding:17px 13px;border-top:1px solid var(--line)}.side-course strong,.side-course>span:not(.tiny){display:block}.side-course strong{font-size:15px;margin:13px 0 5px}.side-course>span:not(.tiny){font-size:13px;color:var(--muted)}.side-progress,.progress-track{height:5px;background:#30303b;border-radius:4px;overflow:hidden;margin:19px 0 8px}.side-progress i,.progress-track i{display:block;height:100%;background:var(--purple);transition:width .3s}.side-course small{font-size:12px;color:var(--muted)}.side-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:12px;padding-top:35px}.side-bottom small{display:block;color:#7e8291;font-size:11px}.purple-square{background:#2a203e;color:var(--purple);width:35px;height:35px;display:grid;place-items:center;font-weight:bold;border-radius:8px}.shell{margin-left:246px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:12px}.breadcrumb{color:#818592}.breadcrumb span{padding:0 14px;color:#565b69}.breadcrumb b{color:#ced0db;font-weight:500}.header-tag{font-size:10px;letter-spacing:1.6px;color:#8b8e9d}main{max-width:1430px;margin:auto;padding:36px 46px 0}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--purple);margin-bottom:10px}.page-title p{font-size:14px;margin-top:9px}.platform{font-size:12px;padding:7px 12px;border:1px solid #39323f;border-radius:6px;color:#c5b7dc}.intro{display:flex;position:relative;overflow:hidden;min-height:300px;border:1px solid #4c386b;border-radius:13px;background:linear-gradient(112deg,#282039,#211a32 60%,#302149)}.intro-content{padding:29px 33px;z-index:1;max-width:62%}.pill{display:inline-block;border:1px solid #6d518a;background:#453157;color:#dec8ff;padding:4px 9px;font-size:9px;letter-spacing:1.3px;font-weight:700;border-radius:4px}.intro h2{font-size:31px;line-height:1.28;margin:14px 0 12px;letter-spacing:-1px}.intro p{font-size:14px;color:#bcb1cd;max-width:430px}.primary{border:0;background:#9160ef;color:white;border-radius:6px;padding:11px 19px;font-size:13px;font-weight:650;display:inline-flex;gap:10px;align-items:center}.primary:hover{background:#a576ff}.intro .primary{margin-top:21px}.intro-meta{display:flex;gap:17px;font-size:11px;color:#afa2c2;margin-top:18px}.intro-meta span+span:before{content:'·';margin-right:17px}.intro-art{position:absolute;right:0;top:0;bottom:0;width:39%;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:265px;height:265px;border:1px solid #82629b2e;border-radius:50%;box-shadow:0 0 0 36px #82629b0a,0 0 0 72px #82629b06}.hero-logo{width:225px;height:225px;overflow:hidden;position:relative;transform:rotate(-7deg)}.hero-logo img{width:480px;position:absolute;left:-105px;top:-202px;max-width:none}.art-caption{position:absolute;bottom:26px;font-size:8px;letter-spacing:2px;color:#a894c4}.notice{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#211e19;border:1px solid #403629;border-radius:8px;margin:19px 0 35px}.notice-icon{border:1px solid #b8a177;color:#d6bc8c;width:24px;height:24px;border-radius:50%;text-align:center;font-size:14px;flex-shrink:0}.notice strong{font-size:13px;font-weight:550;color:#e4d4b3}.notice p{font-size:12px;color:#a79c88;margin-top:2px}.notice a{margin-left:auto;font-size:12px;color:#e3c18e;white-space:nowrap}.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font-size:22px}.muted{color:var(--muted);font-size:11px;white-space:nowrap}.module{background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:14px;overflow:hidden}.module summary{list-style:none;display:flex;gap:13px;align-items:center;padding:18px;cursor:pointer}.module summary::-webkit-details-marker{display:none}.module-number{color:#c3a6ff;background:#2b223c;width:38px;height:38px;display:grid;place-items:center;border:1px solid #423054;border-radius:8px;font-size:13px;font-weight:600}.module summary h3{font-size:15px}.module summary p{font-size:12px;margin-top:3px}.module-count{margin-left:auto;color:#9295a2;font-size:11px}.chevron{font-size:16px;color:#9295a2;margin-left:8px}.module[open] .chevron{transform:rotate(180deg)}.lesson{display:flex;align-items:center;gap:13px;padding:16px 18px;border-top:1px solid #272932}.lesson-button{display:flex;align-items:center;gap:13px;text-align:left;flex:1;min-width:0;background:none;border:0;color:var(--text);padding:0}.play{width:30px;height:30px;flex-shrink:0;border:1px solid #373340;display:grid;place-items:center;border-radius:50%;color:#b38af9;font-size:12px}.lesson-button:hover .play{background:#6745a0;color:white}.lesson-name{font-size:13px;font-weight:500;display:block}.lesson-sub{display:block;font-size:11px;color:#858997;margin-top:3px}.duration{font-size:11px;color:#9093a1;white-space:nowrap}.check-label{display:flex;cursor:pointer}.check-label input{accent-color:#9d72f8;width:17px;height:17px;cursor:pointer}.right-column{padding-top:66px}.progress-card{padding:22px;background:#19171f;border:1px solid #383040;border-radius:10px}.progress-card h3{font-size:17px}.progress-number{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.progress-number strong{font:600 40px Manrope,sans-serif;letter-spacing:-2px}.progress-number strong span{font-size:22px;color:#aaa0b5;letter-spacing:0}.progress-number>span{font-size:11px;color:#aaa4b4}.progress-track{margin:16px 0 17px}.progress-card p{font-size:12px;line-height:1.7}.progress-card>small{display:block;color:#77727f;font-size:10px;margin-top:16px}.route-card{padding:25px 16px}.mini-icon{color:#ae8ee7;font-size:24px}.route-card h3{font-size:15px;margin:10px 0}.route-card p{font-size:12px;line-height:1.8}.route-line{margin-top:19px;display:flex;align-items:center;gap:12px;font-size:12px;color:#b1b0be}.route-line b{font-size:10px;color:#9b82be;border:1px solid #37303f;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.materials{margin-top:35px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-grid article{display:flex;gap:17px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px}.resource-icon{color:var(--purple);background:#292135;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:22px}.resource-grid h3{font-size:14px}.resource-grid p{font-size:12px;line-height:1.8;margin:7px 0 13px}.resource-grid a,.text-button{font-size:12px;font-weight:500;color:#ba97ff}.text-button{border:0;background:none;padding:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin:50px 0}.faq h2{font-size:23px}.faq>div>p{font-size:13px;margin-top:8px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;cursor:pointer}.faq details p{font-size:13px;line-height:1.8;padding:12px 0 0}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0;color:#717583;font-size:11px}footer strong{font-size:10px;letter-spacing:1px;color:#aaa8b4}footer a{margin-left:auto}dialog{width:min(850px,94vw);max-height:94vh;background:#171920;border:1px solid #4b3c64;border-radius:14px;padding:26px;color:var(--text)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:#b599e2;font-size:12px}.dialog-top button{background:none;border:0;color:white;font-size:20px}dialog h2{margin-top:10px}dialog p{font-size:14px;margin:10px 0 20px}iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#08090c;border-radius:8px}.dialog-actions,.lesson-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.dialog-actions a{font-size:12px;color:#bb9bef}.lesson-navigation{border-top:1px solid var(--line);padding-top:15px}.lesson-navigation button{background:none;border:0;color:#d0c3e5;font-size:13px}.video-note{padding:40px;text-align:center;background:#0e1015;border-radius:8px}
@media(min-width:1600px){main{padding-top:45px}.intro{min-height:330px}.intro-content{padding:35px}.intro h2{font-size:36px}.hero-logo{transform:scale(1.15) rotate(-7deg)}}
@media(max-width:1200px){.sidebar{width:215px;padding-inline:13px}.shell{margin-left:215px}main{padding:28px 28px 0}header{padding:0 28px}.learning-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.intro-content{max-width:65%;padding:25px}.hero-logo{transform:scale(.8) rotate(-7deg)}h1{font-size:25px}.platform{display:none}.intro h2{font-size:28px}}
@media(max-width:950px){.sidebar{width:78px;padding:24px 12px}.brand{padding:0 0 25px}.brand>span:last-child,.side-label,.side-course,.side-bottom{display:none}nav a{font-size:0;justify-content:center;padding:15px 8px}nav a>span{font-size:23px}nav small{display:none}.shell{margin-left:78px}.learning-layout{grid-template-columns:1fr}.right-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.intro-meta{gap:9px}.intro-meta span+span:before{margin-right:9px}.intro-art{width:33%}.intro-content{max-width:70%}.header-tag{display:none}}
@media(max-width:600px){.sidebar{position:static;width:100%;height:auto;flex-direction:row;padding:13px 18px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;gap:7px;font-size:17px}.brand>span:last-child{display:block}.brand-small{font-size:8px}.logo-crop{width:35px;height:35px}.logo-crop img{width:77px;left:-17px;top:-33px}nav{margin-left:auto;display:flex;gap:1px}nav a{padding:10px}nav a:nth-child(n+3){display:none}nav a>span{font-size:22px}.shell{margin:0}header{height:46px;padding:0 20px;font-size:10px}main{padding:26px 18px 0}.page-title{margin-bottom:23px}h1{font-size:26px;max-width:290px}.page-title p{font-size:13px;max-width:280px}.eyebrow{font-size:9px}.intro-content{max-width:100%;padding:25px 23px}.intro h2{font-size:27px}.intro p{font-size:13px;max-width:280px}.intro-art{display:none}.intro-meta{font-size:9px;gap:8px}.intro-meta span+span:before{margin-right:8px}.notice{flex-wrap:wrap;padding:15px;gap:10px;margin-bottom:28px}.notice>div{flex:1}.notice p{font-size:11px}.notice a{margin-left:34px;font-size:11px}.section-heading h2{font-size:20px}.section-heading>.muted{font-size:10px}.module summary{padding:15px 12px;gap:10px}.module summary h3{font-size:14px}.module summary p{font-size:11px}.module-number{width:33px;height:33px}.lesson{padding:15px 12px;gap:8px}.lesson-button{gap:9px}.lesson-name{font-size:12px}.lesson-sub{font-size:10px}.duration{font-size:10px}.right-column{grid-template-columns:1fr}.route-card{display:none}.resource-grid{grid-template-columns:1fr}.materials{margin-top:30px}.faq{grid-template-columns:1fr;gap:25px;margin:35px 0}footer{flex-wrap:wrap;gap:9px}footer>span{display:none}dialog{padding:18px}dialog h2{font-size:21px}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions .primary{justify-content:center}.dialog-actions a{text-align:center;padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Comfortable reading sizes across devices. */
.page-title p,.intro p,.resource-grid p,.faq details p{font-size:16px}
.lesson-name,.module summary h3,.notice strong,.resource-grid h3{font-size:15px}
.module summary p,.notice p,.notice a,.primary,.resource-grid a,.text-button,.faq summary,.route-card p,.route-line,.progress-card p{font-size:14px}
.lesson-sub,.duration,.module-count,.muted,.intro-meta,.progress-number>span,.progress-card>small,.side-course small{font-size:12px}
.eyebrow,.pill,.side-label,.tiny,.header-tag,.art-caption{font-size:11px}
@media(max-width:600px){.intro-meta{flex-wrap:wrap;gap:6px 10px}.lesson-name{font-size:14px}.module summary p{font-size:12px}.module-count{white-space:nowrap}.notice a{font-size:13px}.intro-content{padding:24px 20px}.section-heading{align-items:start}.section-heading>.muted{white-space:normal;text-align:right}.lesson-sub{font-size:11px}}
@media(max-width:600px){.notice>div{flex:1 1 calc(100% - 40px)}.notice a{flex-basis:100%;margin-left:34px}.intro-meta span+span:before{content:none}.intro-meta span{margin-right:7px}}
.featured-resources{margin:0 0 36px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.featured-card{padding:25px;border:1px solid #64448c;border-radius:13px;background:linear-gradient(125deg,#2a203e,#191720);display:flex;flex-direction:column}.telegram-card{border-color:#315e7c;background:linear-gradient(125deg,#182c3a,#151c26)}.feature-top{display:flex;align-items:center;gap:12px;margin-bottom:17px}.feature-symbol{height:40px;width:40px;display:grid;place-items:center;border-radius:10px;background:#ffffff0c;color:#c5a0ff;font-size:24px}.telegram-card .feature-symbol{color:#79ccff}.feature-tag{font-size:11px;letter-spacing:1.5px;color:#c3a4ec;font-weight:700}.telegram-card .feature-tag{color:#8bcdf4}.featured-card h3{font-size:24px;letter-spacing:-.5px}.featured-card p{font-size:16px;margin:10px 0 20px;line-height:1.7;color:#b8b5c7}.resource-detail{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:13px 0;margin-top:auto;display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;justify-content:space-between;font-size:13px}.resource-detail span{color:#a9a6b7}.resource-detail strong{font-weight:500;color:#e4deef}.feature-actions{display:flex;align-items:center;gap:18px;margin-top:21px;flex-wrap:wrap}.feature-actions .primary{font-size:14px;justify-content:center}.telegram-action{background:#2384bb}.telegram-action:hover{background:#2e99d2}.telegram-card .text-button{color:#8ed2fa}.featured-card>small{font-size:12px;color:#9796a7;margin-top:14px}.care-section{margin:40px 0;padding:30px;background:#191a1f;border:1px solid #494033;border-radius:13px}.care-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:27px}.care-heading .eyebrow{color:#d4b482}.care-heading h2{font-size:28px}.care-heading p{font-size:16px;margin-top:9px}.care-badge{align-self:start;white-space:nowrap;background:#342b20;color:#d5b585;border:1px solid #50402e;border-radius:4px;padding:6px 9px;font-size:10px;letter-spacing:1px}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.care-grid article{display:flex;gap:15px;background:#121419;border:1px solid #2d2e35;border-radius:9px;padding:22px}.care-number{color:#c7a976;font-size:13px;letter-spacing:1px;padding-top:3px}.care-grid h3{font-size:17px;margin-bottom:10px}.care-grid p{font-size:15px;line-height:1.8;color:#acadb8}.care-version{display:inline-block;font-size:12px;color:#d0b683;background:#30291f;padding:5px 9px;border-radius:4px;margin-top:13px}.backup-note{display:flex;align-items:center;gap:16px;background:#29241c;border:1px solid #423829;padding:19px;border-radius:8px;margin:22px 0}.backup-note strong{font-size:15px;color:#e1ccaa}.backup-note p{font-size:14px;line-height:1.7;margin-top:4px;color:#bbaf9b}
@media(max-width:1100px){.feature-actions{gap:14px}.care-heading{flex-direction:column}.care-grid{grid-template-columns:1fr}}
@media(max-width:600px){.featured-grid{grid-template-columns:1fr}.featured-card{padding:22px}.featured-card h3{font-size:23px}.feature-actions{align-items:stretch;flex-direction:column}.feature-actions .text-button{text-align:center;padding:8px}.resource-detail{align-items:start;flex-direction:column}.care-section{padding:21px 16px}.care-heading h2{font-size:24px}.care-grid article{padding:18px 14px;gap:10px}.backup-note{align-items:start;padding:15px}.care-heading p{font-size:15px}.featured-resources .section-heading{flex-direction:column;gap:6px}.featured-resources .muted{text-align:left}nav a:nth-child(3),nav a:nth-child(4){display:flex}nav a{padding:8px}nav a>span{font-size:19px}.brand{font-size:14px}.brand-small{font-size:7px}.logo-crop{display:none}}
.bot-password{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;margin-top:16px;background:#0c1d2b;border:1px solid #335d79;border-radius:8px}.bot-password strong{font-size:14px;color:#d0eafb}.bot-password p{font-size:13px;line-height:1.6;margin:5px 0 0;color:#a4bccb}.bot-password code{font-size:19px;letter-spacing:1px;background:#213e54;color:#dcf2ff;padding:9px 13px;border:1px solid #467493;border-radius:6px;user-select:all}.care-grid .update-care{grid-column:1/-1;border-color:#6b5030;background:#201c17}.update-care h3{color:#f1d2a2}.update-care p strong{color:#e9d6b9}.update-example{padding:17px 19px;background:#33291d;border-left:3px solid #cfa564;border-radius:0 7px 7px 0;margin:18px 0}.update-example>strong,.update-audience>strong{font-size:14px;color:#e5c391}.update-example p,.update-audience p{margin-top:7px}.update-audience{border-top:1px solid #443726;padding-top:17px;margin-top:18px}@media(max-width:600px){.bot-password{flex-direction:column;align-items:stretch;gap:12px}.bot-password code{text-align:center}.update-example{padding:14px}.care-grid .update-care{grid-column:auto}}
.copy-password{background:#213e54;color:#dcf2ff;border:1px solid #467493;border-radius:7px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.copy-password:hover{background:#2b526e;border-color:#8ad3ff}.bot-password .copy-password code{background:none;border:0;padding:0}.copy-password span{font-size:12px;color:#b9d9ee;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.free-badge{align-self:flex-start;color:#a3efc0;background:#173526;border:1px solid #306344;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px}
/* Keep the lesson close to the top and fit its player to the available screen. */
#lessonDialog{position:fixed;inset:20px 0 auto;margin:0 auto;width:min(960px,94vw,calc((100dvh - 260px)*16/9 + 40px));min-width:min(94vw,360px);max-height:calc(100dvh - 40px);padding:20px;overflow:auto;overscroll-behavior:contain}
#lessonDialog .dialog-top{min-height:24px}#lessonDialog h2{font-size:22px;line-height:1.3;margin-top:8px}#lessonDialog #lessonDescription{margin:8px 0 14px;font-size:14px;line-height:1.5}#videoArea{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#08090c}#videoArea iframe{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;display:block}#lessonDialog .dialog-actions{margin-top:14px}#lessonDialog .lesson-navigation{margin-top:14px;padding-top:12px}body:has(#lessonDialog[open]){overflow:hidden}
@media(max-width:600px){#lessonDialog{inset:12px 0 auto;width:calc(100vw - 20px);min-width:0;max-height:calc(100dvh - 24px);padding:14px}#lessonDialog h2{font-size:19px}#lessonDialog .dialog-top{font-size:11px}#lessonDialog #lessonDescription{font-size:13px}#lessonDialog .dialog-actions{gap:8px}#lessonDialog .lesson-navigation{margin-top:10px}#videoArea{border-radius:5px}}
@media(max-height:500px) and (min-width:601px){#lessonDialog{inset:8px 0 auto;width:min(820px,95vw);max-height:calc(100dvh - 16px)}#videoArea{width:min(100%,calc(58dvh * 16/9));margin:auto}}