@font-face{font-family:Astra;src:url('assets/PTAstraFact-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Astra;src:url('assets/PTAstraFact-Bold.ttf');font-weight:700;font-display:swap}
:root{--blue:#0079cb;--dark:#20232d;--muted:#828896;--line:#e8ebf0;--canvas:#f4f6f9;--lightblue:#e8f3fc;--radius:19px}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 Astra,Arial,sans-serif;color:var(--dark);background:var(--canvas)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ec7fa;outline-offset:3px}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.2;letter-spacing:-.7px}h2{font-size:22px;line-height:1.3;letter-spacing:-.35px}h3{font-size:18px;line-height:1.35;letter-spacing:-.2px}p{color:var(--muted)}
.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#fff;padding:31px 18px 18px;display:flex;flex-direction:column;z-index:30;border-right:1px solid #eceef3}.brand{display:flex;align-items:flex-start;flex-direction:column;gap:6px;padding:0 16px;margin-bottom:38px}.brand img{width:133px;height:48px}.brand>span{font-size:10px;letter-spacing:5px;color:#7590aa;padding-left:18px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#a1a7b2;margin:0 16px 14px}nav{display:grid;gap:6px}nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;color:#737987;font-size:14px}nav a svg,.sidebar-bottom>a svg{width:19px;height:19px}nav a:hover,.sidebar-bottom>a:hover{background:#f4f6f9}nav a.active,.sidebar-bottom>a.active{color:white;background:var(--dark)}.nav-count{margin-left:auto;background:#edf4fb;color:var(--blue);font-size:10px;border-radius:5px;min-width:20px;text-align:center;line-height:20px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-promo{margin:22px 7px 18px;border-radius:15px;padding:18px;background:linear-gradient(145deg,#e9f5ff,#e2e8ff);position:relative;overflow:hidden}.sidebar-promo>svg{color:#539bd5;margin-bottom:9px}.sidebar-promo strong{display:block;font-size:14px}.sidebar-promo p{font-size:11px;margin:6px 0 16px;color:#7c8da2}.sidebar-promo a{font-size:11px;display:flex;justify-content:space-between;align-items:center}.sidebar-promo a svg{width:15px}.demo-label{font-size:10px;color:#a0a7b3;display:flex;align-items:center;justify-content:center;gap:6px}.demo-label span{width:5px;height:5px;background:#85a0b9;border-radius:50%}.workspace{margin-left:224px}.topbar{height:88px;padding:0 37px;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar-left{font-size:16px;font-weight:700;min-width:130px;display:flex;align-items:center;gap:10px}.global-search{margin-left:auto;background:#f5f6f8;border:1px solid #eceef2;border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px 13px;width:330px}.global-search svg{width:17px;color:#9aa2af}.global-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px}.global-search input::placeholder{color:#a0a5af}.global-search kbd{font:12px Astra;color:#a3a9b3}.topbar-actions{display:flex;align-items:center;gap:24px}.coin-balance{display:flex;gap:7px;align-items:center;color:#488dc4}.coin-balance svg{width:18px}.coin-balance b{font-size:13px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:9px;color:#8b939f}.icon-button:hover{background:#edf2f8}.notification-dot{position:relative}.notification-dot:after{content:'';width:5px;height:5px;background:var(--blue);border:1px solid white;border-radius:50%;position:absolute;right:9px;top:7px}.profile-link{display:flex;gap:9px;align-items:center;font-size:12px}.profile-link>svg{width:13px;color:#9da5af}.avatar{width:34px;height:34px;background:#e7f1fb;color:#5587b4;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.avatar.large{width:50px;height:50px;font-size:16px}.avatar.violet{color:#8c7bb4;background:#f0eefa}.avatar.giant{width:90px;height:90px;font-size:29px;background:#fff}.avatar.framed{box-shadow:0 0 0 5px #6eb4e9,0 0 0 9px white}.mobile-menu{display:none}
main{max-width:1510px;margin:0 auto;padding:32px 37px 36px;min-height:calc(100vh - 160px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#98a0ad;display:block;margin-bottom:10px}.page-heading p{font-size:13px;margin-top:10px;max-width:650px}.streak-pill{display:flex;align-items:center;gap:10px;color:#9a7e52;background:#fff;padding:10px 16px;border-radius:12px;font-size:11px}.streak-pill svg{color:#d2a859;width:22px;height:22px}.streak-pill b{color:var(--dark)}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:25px}.home-main,.home-side{min-width:0;display:flex;flex-direction:column;gap:27px}.home-side{gap:20px}.hero{min-height:249px;padding:29px 30px;background:#dbefff url('assets/brand/start.webp') center right/cover no-repeat;border-radius:20px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:410px}.hero .eyebrow{color:#6389ac}.hero h2{font-size:30px;line-height:1.12;letter-spacing:-.8px;color:#1f3a57}.hero p{color:#6484a0;font-size:12px;margin:13px 0 21px}.hero-note{position:absolute;right:18px;bottom:16px;color:#fff;font-size:9px;letter-spacing:2px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:9px;font-size:12px;line-height:1.4;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button.dark{background:var(--dark);color:#fff}.button.dark:hover{background:#343e50}.button.white{background:white;color:#335879}.button.blue{background:var(--blue);color:white}.button.outline{border-color:#dfe5ec;background:white;color:#62768b}.button.full{width:100%;margin-top:10px}.round-link{display:flex;align-items:center;justify-content:center;border:1px solid #d8e3ee;border-radius:50%;width:40px;height:40px;background:#fff;color:#467ba8;flex-shrink:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#657f98;background:transparent;padding:0}.text-link svg{width:14px;height:14px}.text-link:hover{color:var(--blue)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.padded{padding:27px}.body-copy{font-size:14px;line-height:1.85;margin:14px 0 22px}.muted{color:var(--muted);font-size:11px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.course-card{display:block;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 10px 35px #1628380b}.course-cover{position:relative;height:155px;overflow:hidden;background:var(--dark);color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:21px}.course-cover>svg{position:relative;z-index:2;width:36px;height:36px;margin-bottom:12px;color:#b7ddff}.course-cover>span{position:relative;font-size:12px;z-index:2;color:#d3e7f7}.cover-orbit{position:absolute;border:20px solid #489ed142;width:155px;height:155px;border-radius:50%;right:-28px;top:-32px;transform:rotate(-35deg);box-shadow:0 0 0 14px #79c3ef1a,0 0 0 30px #79c3ef0a}.course-cover.violet .cover-orbit{border-color:#b0a4e357;box-shadow:0 0 0 14px #b0a4e321,0 0 0 30px #b0a4e30c}.course-cover.violet>svg{color:#c4b8ed}.course-cover.cyan .cover-orbit{border-color:#8bdad647;box-shadow:0 0 0 14px #8bdad622,0 0 0 30px #8bdad60d}.course-cover.cyan>svg{color:#a8ddd9}.course-cover.peach .cover-orbit{border-color:#edbe9b5c}.course-cover.peach>svg{color:#edd1bb}.cover-progress{position:absolute;bottom:16px;left:21px;right:21px;display:flex;gap:5px}.cover-progress b{height:3px;flex:1;border-radius:3px;background:#ffffff20}.cover-progress b.done{background:#85c7f5}.course-card-info{padding:18px}.card-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#9199a4;margin-bottom:8px}.course-card-info h3{font-size:16px;line-height:1.4;min-height:45px}.course-card-info p{font-size:11px;line-height:1.5;margin-top:5px;min-height:32px}.course-card-bottom{display:flex;justify-content:space-between;align-items:center;color:#6f89a3;font-size:10px;margin-top:19px}.course-card-bottom svg{width:15px}.home-courses{gap:15px}.home-courses .course-cover{height:135px}.home-courses .course-card-info{padding:15px}.home-courses h3{font-size:14px}.practice-banner{display:flex;align-items:center;gap:20px;padding:20px 23px}.practice-banner h3{font-size:17px}.practice-banner p{font-size:11px;margin-top:5px}.practice-banner .eyebrow{margin-bottom:5px;font-size:8px}.practice-art{width:65px;height:65px;display:grid;place-items:center;color:#5d9ed0;background:#eef6fc;border-radius:16px;flex-shrink:0}.practice-art svg{width:30px;height:30px}.practice-banner .round-link{margin-left:auto}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.challenge-card{overflow:hidden;transition:transform .15s}.challenge-card:hover{transform:translateY(-3px)}.challenge-top{height:87px;padding:20px;display:flex;align-items:center;justify-content:space-between;background:#eaf4fc}.challenge-top.cyan{background:#e9f5f3}.challenge-top.violet{background:#f0edfa}.icon-tile{display:inline-flex;width:42px;height:42px;background:#ffffffa6;align-items:center;justify-content:center;border-radius:12px;color:#7396b4}.tag{display:inline-block;font-size:9px;padding:4px 8px;border-radius:6px;background:#fff9;color:#8795a5;border:1px solid #00000006;white-space:nowrap}.challenge-body{padding:21px}.challenge-body h3{font-size:18px}.challenge-body p{font-size:12px;line-height:1.65;margin-top:9px;min-height:58px}.challenge-bottom{margin-top:24px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7a90a6;gap:10px}.challenge-bottom>span{display:flex;align-items:center;gap:4px}.challenge-bottom svg{width:14px;height:14px}.profile-summary{padding:22px}.profile-summary-top{display:flex;align-items:center;gap:12px}.profile-summary-top h3{font-size:16px}.profile-summary-top .muted{font-size:10px}.label-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9aa1ab;margin:24px 0 8px}.label-row b{font-weight:400;color:#698ca9}.progress{height:5px;overflow:hidden;border-radius:5px;background:#edf1f6}.progress span{height:100%;display:block;border-radius:5px;background:#69aee1}.mini-stats{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 18px}.mini-stats>div{display:flex;flex-direction:column;gap:4px}.mini-stats>div+div{border-left:1px solid var(--line);padding-left:20px}.mini-stats b{font-size:24px;line-height:1.2}.mini-stats span{font-size:10px;color:#969da8}.weekly{padding:21px}.weekly h2{font-size:17px}.weekly .section-heading>svg{color:#a7b7c7;width:17px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.week-days>div>span{font-size:9px;color:#a4abb6}.week-days b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:7px;font-size:10px;font-weight:400;color:#a1a9b5}.week-days b.active{background:#dceefc;color:#4d92c5;border-radius:50%}.week-days b svg{width:13px;height:13px}.weekly p{font-size:11px;color:#798592;margin:18px 0 9px}.league{padding:21px}.league h2{font-size:17px}.league-podium{display:flex;align-items:flex-end;justify-content:center;gap:7px;padding-top:25px;margin-top:5px;background:radial-gradient(ellipse at bottom,#e6f3fc 0,transparent 70%)}.league-podium>div{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#ecf4fc;border-radius:10px 10px 0 0;width:64px;height:86px}.league-podium .first{background:#c7e3f9;height:115px}.league-podium .you{background:#e9e6f7;height:69px}.league-podium .avatar{position:absolute;top:-17px;width:30px;height:30px;background:white;border:2px solid #fff;box-shadow:0 2px 9px #2d495c12;font-size:8px}.league-podium b{font-size:28px;color:#6496bb;line-height:1;margin:13px 0 7px}.league-podium small{font-size:9px;color:#7590a8}.league-podium .first>svg{position:absolute;top:-38px;width:16px;color:#b6a367}.league-score{display:flex;justify-content:space-between;font-size:11px;padding:18px 0;color:#8c96a3}.league-score strong{color:#688ea9}.event-card{padding:24px;background:var(--dark);border-radius:19px;position:relative;overflow:hidden;color:white}.event-card:after{content:'';width:150px;height:150px;border:20px solid #539ed920;border-radius:50%;position:absolute;right:-70px;top:-50px}.event-card .eyebrow{color:#9caec0;font-size:8px}.event-card h3{font-size:24px;line-height:1.25;margin:14px 0}.event-card p{color:#a3acba;font-size:11px;max-width:170px;margin-bottom:20px}.post{padding:23px}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.post-header>div{display:flex;flex-direction:column;gap:2px;font-size:12px}.post-header>div>span{font-size:9px;color:#a4abb5}.post-club{margin-left:auto;font-size:9px;color:#879cb0;background:#f3f7fa;border-radius:6px;padding:4px 8px}.post-title{font-weight:700;font-size:17px;display:block;line-height:1.45;margin-bottom:8px}.post>p{font-size:12px;line-height:1.7}.post-actions{display:flex;align-items:center;gap:17px;margin-top:20px}.reaction{display:inline-flex;align-items:center;gap:5px;background:transparent;font-size:10px;color:#96a0aa;padding:0}.reaction svg{width:14px;height:14px}.reaction.liked{color:#488bbe}.post-actions .text-link{margin-left:auto}.feed-grid{display:grid;gap:18px}footer{max-width:1510px;margin:auto;padding:20px 37px 26px;display:flex;justify-content:space-between;font-size:10px;color:#a2a9b3}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tabs{display:flex;align-items:center;gap:25px;margin-bottom:24px;border-bottom:1px solid #e0e5ec}.catalog-toolbar .tabs{margin-bottom:0}.tabs button,.static-tabs>span{background:transparent;color:#949aa5;font-size:13px;padding:12px 0;border-bottom:2px solid transparent}.tabs button.active,.static-tabs>span.active{border-color:#468ec4;color:#2c5f88;font-weight:700}.wrap-tabs{flex-wrap:wrap;gap:10px 22px}.local-search{display:flex;align-items:center;gap:8px;border:1px solid #e0e6ed;background:white;border-radius:9px;padding:9px 12px;max-width:250px}.local-search svg{width:15px;color:#a1abb6}.local-search input{background:transparent;border:0;outline:none;width:100%;min-width:0;font-size:12px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#7d8c9b;font-size:11px;margin-bottom:26px}.back-link svg{width:15px}.course-detail-header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px;background:white;border-radius:20px;margin-bottom:27px;border:1px solid var(--line)}.course-detail-header h1{font-size:33px;max-width:720px}.course-detail-header p{font-size:14px;margin-top:12px}.detail-tags{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:22px;color:#8494a4;font-size:11px}.detail-tags>span{display:flex;align-items:center;gap:6px}.detail-tags svg{width:16px;height:16px}.detail-symbol{width:140px;height:140px;background:#e9f4fc;border-radius:50%;display:grid;place-items:center;color:#72a1c4;flex-shrink:0}.detail-symbol svg{width:58px;height:58px;stroke-width:1.1}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}.detail-grid>div>.panel+.panel{margin-top:22px}.large-number{font-size:47px;line-height:1;margin:25px 0;color:#458dc3}.sticky-panel{position:sticky;top:112px}.module-list{margin-top:17px}.module-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.module-row:last-child{border:0;padding-bottom:0}.module-index{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#f3f6f9;color:#a1adbb;font-size:11px;flex-shrink:0}.module-index.complete{background:#eaf5f0;color:#64a890}.module-index svg{width:16px;height:16px}.module-row>div{flex:1}.module-row h3{font-size:15px;margin-bottom:5px}.module-row>div>span{font-size:11px;color:#949da8}.module-row>svg{width:16px;color:#9fadb9}.lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.lesson-outline{padding:22px 12px;position:sticky;top:111px}.lesson-outline>.eyebrow{margin-left:12px}.lesson-outline>a{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#7d8997;padding:13px 10px;border-radius:8px;line-height:1.5}.lesson-outline>a>span{width:17px;flex-shrink:0;font-size:10px;margin-top:1px}.lesson-outline>a svg{width:13px;height:13px;color:#6dac96}.lesson-outline>a.active{background:#edf5fb;color:#386d96}.lesson-content{min-width:0}.lesson-title{margin:0 0 25px}.lesson-title h1{font-size:30px;margin-bottom:10px}.lesson-article{font-size:16px;line-height:1.85;overflow:hidden}.article-block{margin:22px 0}.article-block:first-child{margin-top:0}.article-block p{color:#5d6b7b;margin:10px 0}.article-block h2,.article-block h3{margin:26px 0 15px}.article-block h4,.article-block h5{margin:22px 0 8px}.article-block img,.article-block video{max-width:100%;height:auto;display:block;margin:15px auto;border-radius:8px}.article-block video{width:100%}.article-block figure{margin:10px 0}.article-block figcaption{font-size:11px}.article-block ul,.article-block ol{padding-left:24px;color:#5d6b7b}.article-block table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow:auto}.article-block td,.article-block th{border:1px solid #e1e8f0;padding:12px}.article-block a{color:var(--blue)}.article-block pre{white-space:pre-wrap;font-size:12px}.knowledge-check{margin-top:24px}.knowledge-check h2{margin-bottom:15px}.knowledge-check fieldset{padding:23px 0;border:0;border-bottom:1px solid var(--line)}fieldset legend{font-weight:700;font-size:15px;padding:0}fieldset>.muted{margin:5px 0 12px}.answer-option{display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid #e2e8ef;background:#fff;border-radius:9px;font-size:13px;color:#657588;margin:8px 0;cursor:pointer;width:100%;text-align:left}.answer-option input{accent-color:var(--blue)}.answer-option:has(input:checked){border-color:#75b4e3;background:#f1f8fe;color:#275a83}.answer-option:hover{background:#f7fafc}.answer-option b{margin-left:auto}.knowledge-check .button{margin-top:23px}.lesson-next{display:flex;justify-content:space-between;gap:15px;margin-top:22px}.resource-list{list-style:none;margin:25px 0;padding:0}.resource-list li{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.resource-list svg{color:#6d9abb}.success-note,.error-note{display:flex;gap:10px;align-items:flex-start;border-radius:9px;background:#eaf6f0;color:#528570;font-size:13px;padding:15px;margin:16px 0}.error-note{background:#fff3ed;color:#ac7c61}.success-note p,.error-note p{color:inherit;font-size:12px;margin-top:5px}.knowledge-check .success-note,.knowledge-check .error-note{display:block}.practice-hero{padding:38px;background:#eaf1fa;border-radius:20px;margin-bottom:27px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.practice-hero h2{font-size:31px;line-height:1.2;margin-bottom:15px}.practice-hero p{font-size:13px;max-width:350px}.terminal-preview{background:#202937;border-radius:13px;padding:20px 23px;box-shadow:0 12px 30px #12365712}.terminal-preview>span,.terminal-bar{display:flex;gap:6px;align-items:center}.terminal-preview b,.terminal-bar>span{width:7px;height:7px;border-radius:50%;background:#566273}.terminal-preview b:first-child,.terminal-bar>span:first-child{background:#c79a9b}.terminal-preview b:nth-child(2),.terminal-bar>span:nth-child(2){background:#c5b48c}.terminal-preview b:nth-child(3),.terminal-bar>span:nth-child(3){background:#86b0a6}.terminal-preview p{font:12px/1.85 monospace;color:#add4f4;margin-top:18px}.terminal-preview em{color:#8398af;font-style:normal}.terminal-preview i{display:inline-block;width:7px;height:13px;background:#b3d8f5}.lab-card{padding:25px;transition:transform .2s}.lab-card:hover{transform:translateY(-3px)}.lab-icon{width:61px;height:61px;border-radius:17px;background:#edf4fb;display:inline-flex;align-items:center;justify-content:center;color:#6898be;margin-bottom:22px}.lab-icon svg{width:27px;height:27px}.lab-icon.cyan{background:#e8f4f1;color:#7baba7}.lab-icon.violet{background:#efeafa;color:#9a8bbb}.lab-icon.peach{background:#fcf0e7;color:#bfa08c}.lab-card p,.product-tile p{font-size:13px;line-height:1.7;margin:12px 0 20px;min-height:66px}.lab-card h3{font-size:20px}.lab-workspace{max-width:820px}.lab-instructions h3{font-size:19px}.lab-instructions ol{padding-left:20px;color:#7d8d9c;font-size:14px;line-height:2}code{background:#eaf0f6;padding:3px 6px;border-radius:4px;color:#467291;font-size:12px}.terminal-window{margin:25px 0;background:#202936;border-radius:13px;overflow:hidden;padding:20px 24px;color:#bbd7ec;font:13px/1.9 monospace}.terminal-bar{margin-bottom:25px}.terminal-bar b{margin:auto;font-size:10px;color:#7d91a8;font-weight:400}.terminal-window #terminal-output{white-space:pre-wrap}.terminal-window label{display:flex;gap:9px;margin-top:12px}.terminal-window input{border:0;background:transparent;color:#b7d8ed;font:inherit;width:100%;outline:0}.file-sort{margin:25px 0}.file-sort>label{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.file-sort b{flex:1;font-size:14px;font-weight:400}.file-sort svg{color:#8aa1b6}.reward-pill,.balance-display{display:flex;align-items:center;gap:8px;color:#6895b7;background:white;border:1px solid var(--line);border-radius:13px;padding:14px 19px;font-size:13px}.balance-display b{font-size:27px}.balance-display>span{font-size:12px;color:#a3adb9}.community-tile{overflow:hidden;transition:transform .2s}.community-tile:hover{transform:translateY(-3px)}.community-cover{height:126px;background:#d9eaf8;padding:23px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.community-cover>svg{width:58px;height:58px;stroke-width:1.2;color:#6695b9}.community-cover.cyan{background:#def0ed}.community-cover.violet{background:#e9e3f7}.community-cover>span{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.community-cover b{font-size:9px;font-weight:400;padding:3px 7px;background:#ffffff70;border-radius:6px;color:#7890a4}.community-tile p{font-size:12px;line-height:1.7;margin-top:10px;min-height:60px}.community-heading{display:flex;align-items:center;gap:25px;padding:33px;background:#e5effa;border-radius:20px;margin-bottom:26px}.community-heading.cyan{background:#e4f1ee}.community-heading.violet{background:#eeeafa}.community-heading .lab-icon{background:#ffffff80;margin:0;width:80px;height:80px;flex-shrink:0}.community-heading .lab-icon svg{width:37px;height:37px}.community-heading>div{flex:1}.community-heading p{font-size:13px;margin-top:10px;max-width:570px}.community-about{position:sticky;top:110px}.post-form{margin-bottom:23px}.post-form h3{margin-bottom:18px}.post-form input,textarea{width:100%;padding:12px 14px;border:1px solid #e1e6ed;border-radius:8px;background:#fcfdfe;font-size:13px;margin-bottom:12px;color:var(--dark)}textarea{resize:vertical}.post-form input::placeholder,textarea::placeholder{color:#a4abb5}select{background:white;border:1px solid #e0e6ed;border-radius:7px;padding:10px;color:#748394;max-width:100%;font-size:13px}.reading-width{max-width:880px;margin:auto}.comment{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.comment p{margin-top:6px;font-size:13px;color:#788999}.product-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:white;border:1px solid var(--line);border-radius:20px;padding:32px 38px;margin-bottom:24px;overflow:hidden}.product-hero h2{font-size:31px;line-height:1.2;margin-bottom:15px}.product-hero p{font-size:12px;max-width:330px}.product-hero img{width:270px;height:210px;object-fit:contain}.product-tile{display:block;padding:27px;transition:transform .2s}.product-tile:hover{transform:translateY(-3px)}.product-tile .card-meta{display:block}.product-tile h3{font-size:24px}.product-tile p{min-height:65px}.shop-art{height:180px;background:#e8f3fc;display:grid;place-items:center;position:relative;overflow:hidden}.shop-art svg{width:65px;height:65px;stroke-width:1;color:#6d9bbe;position:relative;z-index:1}.shop-art:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #c9ddec;border-radius:50%}.shop-art.cyan{background:#e5f2ef}.shop-art.violet{background:#eee9f7}.shop-art.violet svg{color:#a59bb9}.shop-card{overflow:hidden}.shop-card p{font-size:12px;margin-top:10px;min-height:36px}.shop-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:21px}.shop-bottom b{display:flex;gap:6px;align-items:center;font-size:14px;color:#7697b2}.shop-bottom b svg{width:16px}.info-note{display:flex;align-items:center;gap:15px;padding:22px 25px;border-radius:14px;background:#eaf2f8;color:#7895aa}.info-note p{font-size:12px;color:#7890a4;flex:1}.info-note>.text-link{flex-shrink:0}.profile-hero{padding:35px;display:flex;align-items:center;gap:27px;background:#e7f1fb;border-radius:21px}.profile-hero>div:nth-child(2){flex:1}.profile-hero h2{font-size:29px}.profile-hero p{font-size:13px;margin-top:7px}.profile-total{display:flex;flex-direction:column;gap:5px;text-align:center;min-width:90px}.profile-total b{font-size:29px;color:#608eb0}.profile-total span{font-size:10px;color:#8f9ead}.achievement{display:flex;align-items:center;gap:15px;padding:22px}.achievement .lab-icon{width:46px;height:46px;border-radius:13px;margin:0;flex-shrink:0}.achievement .lab-icon svg{width:23px}.achievement>div{flex:1}.achievement h3{font-size:15px}.achievement p{font-size:10px;margin-top:4px}.achievement>svg{width:17px;color:#88ac9e}.achievement.locked{background:#f9fafc;color:#9ea6b1}.achievement.locked>svg{color:#bbc2cb}.certificate{text-align:center;padding:25px}.certificate>span:first-child{display:block;color:#89aed0;margin:10px auto 20px}.certificate>span>svg{width:70px;height:70px;stroke-width:1}.certificate h3{font-size:19px;margin-bottom:10px}.certificate .button{margin-top:20px}.collection-row{padding:16px 0;display:flex;gap:10px;align-items:center;font-size:13px;color:#7b8fa4;border-bottom:1px solid var(--line)}.collection-row>svg:last-child{margin-left:auto;color:#91b7a5}.notification-row{display:flex;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.notification-row>svg{color:#83a1bc}.notification-row>div{flex:1}.notification-row h3{font-size:16px;margin-bottom:5px}.notification-row p{font-size:12px}.empty-state{grid-column:1/-1;text-align:center;padding:65px 25px;border:1px dashed #d3dfe9;border-radius:16px}.empty-state>svg{width:36px;height:36px;color:#aabac9;margin-bottom:15px}.empty-state h3{font-size:19px;margin-bottom:8px}.empty-state p{font-size:13px}.space-top{margin-top:29px}.goal-options{margin:24px 0 0}dialog{width:min(510px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:32px;color:var(--dark);box-shadow:0 30px 100px #10253826}dialog::backdrop{background:#142c4660;backdrop-filter:blur(4px)}.close-dialog{position:absolute;top:12px;right:12px}dialog h2{font-size:26px;margin-bottom:14px;padding-right:20px}dialog p{font-size:13px;line-height:1.8;margin-bottom:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:80;border-radius:12px;padding:15px 22px;background:#25394f;color:white;font-size:13px;box-shadow:0 8px 30px #15263826;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){main{padding-top:40px}.home-grid{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.hero{min-height:280px}.hero h2{font-size:35px}.home-courses .course-cover{height:155px}.home-courses h3{font-size:16px}.home-courses .course-card-info{padding:19px}}
@media(max-height:880px) and (min-width:901px){.sidebar-promo{display:none}.sidebar{padding-top:24px}.brand{margin-bottom:25px}}
@media(max-width:1250px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.workspace{margin-left:196px}.topbar{padding:0 26px;gap:16px}.topbar-actions{gap:15px}.global-search{width:270px}main{padding:28px 26px}.home-grid{grid-template-columns:minmax(0,1fr) 250px;gap:19px}.home-courses{grid-template-columns:repeat(2,1fr)}.home-courses .course-card:last-child{display:none}.profile-summary,.weekly,.league{padding:18px}.course-grid{gap:17px}.three-grid{gap:17px}.course-card-info{padding:15px}.hero h2{font-size:27px}.hero{padding:25px;background-position:center}.detail-grid{grid-template-columns:minmax(0,1fr) 275px}.lesson-layout{grid-template-columns:205px minmax(0,1fr)}.community-heading{gap:18px}.community-heading h1{font-size:28px}.profile-hero{gap:20px}.profile-total{min-width:65px}.global-search{max-width:250px}.topbar-left{min-width:110px}.practice-banner{gap:14px;padding:18px}.practice-banner h3{font-size:15px}}
@media(max-width:1030px){.home-grid{grid-template-columns:minmax(0,1fr) 230px}.hero h2{font-size:25px}.hero-copy{max-width:270px}.hero p{max-width:240px}.hero{background-position:55% center}.three-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-link>span:not(.avatar){display:none}.global-search{width:230px}.topbar-left{min-width:90px}.topbar{gap:10px}.practice-banner .eyebrow{font-size:7px}.practice-banner p{font-size:10px}.practice-art{width:47px;height:47px}.home-main>.section-heading h2{font-size:18px}.challenge-body{padding:17px}.challenge-body h3{font-size:16px}.challenge-bottom{font-size:9px}.profile-hero{flex-wrap:wrap}.profile-hero>div:nth-child(2){flex-basis:60%}.profile-total{padding-top:12px}.detail-grid{grid-template-columns:minmax(0,1fr) 235px}.padded{padding:22px}.course-detail-header h1{font-size:29px}}
@media(max-width:900px){.sidebar{display:none;width:224px;box-shadow:15px 0 60px #14283c25}.sidebar.open{display:flex}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:74px;padding:0 22px}.global-search{width:260px;max-width:none}.home-grid{grid-template-columns:minmax(0,1fr) 260px}.hero h2{font-size:27px}.home-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:29px}.detail-grid{grid-template-columns:minmax(0,1fr) 260px}.lesson-layout{grid-template-columns:190px minmax(0,1fr)}.course-detail-header h1{font-size:27px}.detail-symbol{width:95px;height:95px}.detail-symbol svg{width:42px;height:42px}.post-club{display:none}}
@media(max-width:700px){main{padding:25px 18px}.global-search{display:none}.topbar-actions{margin-left:auto;gap:13px}.topbar{padding:0 15px;height:67px}.home-grid{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-side .league{grid-column:1/-1}.home-side .event-card{grid-column:1/-1}.home-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;gap:10px;margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.streak-pill{padding:9px;border-radius:10px;font-size:9px;white-space:nowrap}.streak-pill svg{width:17px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero{min-height:245px;background-position:60% center}.hero-copy{max-width:285px}.hero h2{font-size:28px}.hero p{font-size:12px;max-width:250px}.hero .button{font-size:11px;padding:10px 14px}.three-grid{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr 1fr;gap:14px}.course-cover{height:135px}.course-card-info h3{font-size:15px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar .tabs{width:100%;gap:25px}.local-search{width:100%;max-width:none}.detail-grid{grid-template-columns:1fr}.sticky-panel,.community-about{position:static}.course-detail-header{padding:25px;align-items:flex-start;gap:15px}.course-detail-header h1{font-size:27px}.detail-symbol{width:60px;height:60px;border-radius:17px}.detail-symbol svg{width:29px;height:29px}.detail-tags{gap:12px;font-size:10px}.lesson-layout{grid-template-columns:1fr}.lesson-outline{position:static;padding:16px;display:flex;overflow:auto;gap:9px;border-radius:12px}.lesson-outline>.eyebrow{display:none}.lesson-outline>a{min-width:155px;align-items:center;font-size:10px;padding:8px}.lesson-title h1{font-size:25px}.lesson-article{font-size:15px;padding:21px}.practice-hero{grid-template-columns:1fr;padding:28px;gap:23px}.practice-hero h2{font-size:27px}.practice-hero p{max-width:none}.community-heading{flex-wrap:wrap;padding:25px}.community-heading>div{flex-basis:60%}.community-heading .lab-icon{width:55px;height:55px}.community-heading h1{font-size:26px}.community-heading .button{margin-left:73px}.product-hero{padding:25px}.product-hero h2{font-size:24px}.product-hero img{width:150px;height:170px}.profile-hero{padding:27px;gap:20px}.profile-hero .avatar.giant{width:70px;height:70px;font-size:24px}.profile-hero h2{font-size:23px}.profile-total{flex:1}.achievement{padding:17px}.achievement h3{font-size:13px}.two-grid{gap:15px}.balance-display{padding:9px 13px}.balance-display b{font-size:20px}.balance-display>span{display:none}.lab-card{padding:20px}.product-tile{padding:22px}.file-sort>label{flex-wrap:wrap}.file-sort select{width:100%}.info-note{flex-wrap:wrap}.info-note p{flex-basis:70%}footer{padding:16px 20px}.lesson-next .button{font-size:11px;padding:10px}.toast{max-width:90%;width:max-content;font-size:12px}.module-row h3{font-size:14px}}
@media(max-width:430px){.page-heading h1{font-size:26px}.page-heading>div>p{max-width:270px}.streak-pill{display:none}.home-courses{gap:12px}.home-courses .course-cover{height:126px;padding:18px}.home-courses .course-card-info{padding:12px}.home-courses h3{font-size:13px;min-height:37px}.home-courses .course-card-info p{font-size:10px}.home-courses .card-meta{font-size:8px;gap:5px}.home-courses .course-card-bottom{font-size:9px}.three-grid,.course-grid:not(.home-courses){grid-template-columns:1fr}.two-grid{grid-template-columns:1fr}.home-side{grid-template-columns:1fr}.home-side .league,.home-side .event-card{grid-column:auto}.challenge-body p{min-height:auto}.challenge-bottom{font-size:10px}.hero{background-position:50%;padding:24px}.hero h2{font-size:26px}.hero-copy{max-width:245px}.hero p{max-width:220px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#d9edfae8,transparent)}.section-heading h2{font-size:19px}.product-hero img{display:none}.course-detail-header{padding:22px}.detail-symbol{display:none}.course-detail-header h1{font-size:25px}.detail-tags{gap:9px}.profile-hero>div:nth-child(2){flex-basis:55%}.profile-hero h2{font-size:20px}.padded{padding:22px}.page-heading .reward-pill{font-size:10px;padding:8px;gap:4px}.lab-instructions ol{font-size:13px}.terminal-window{padding:18px;font-size:11px}.back-link{font-size:10px}.post{padding:19px}.post-title{font-size:16px}.catalog-toolbar .tabs{gap:19px}.tabs button,.static-tabs>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,footer,.close-dialog{display:none}dialog{position:static;box-shadow:none;border:none}dialog::backdrop{background:white}.workspace{margin:0}body:has(dialog[open]) main{display:none}}

.demo-controls{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding:16px 0;color:#98a3b0;font-size:11px;flex-wrap:wrap}