/* Astra Campus: editorial dashboard, informed by the supplied Hyperactive references. */
:root{--blue:#0079cb;--dark:#23232b;--muted:#777981;--line:#e5e5e8;--canvas:#f6f6f7;--radius:10px;--cyan:#a4e6dc;--violet:#b5a5f5}
body{color:var(--dark);font-size:15px;background:#f6f6f7}h1,h2,h3{letter-spacing:-.6px}h1{font-size:39px;font-weight:400;line-height:1.12}h2{font-size:24px}h3{font-size:20px}p{color:#767982}.eyebrow{color:#777b83;font-size:10px;letter-spacing:1.45px;font-weight:400}.muted{color:#797c85;font-size:12px}
.sidebar{width:212px;padding:28px 15px 20px;border-right:1px solid #e6e6e9;background:#fff}.brand{padding:0 12px;margin-bottom:42px;gap:8px}.brand img{width:139px;height:45px}.brand>span{font-size:10px;letter-spacing:5px;color:#333844;padding-left:15px}.nav-label{font-size:9px;color:#9799a0;margin-left:14px;margin-bottom:16px}.sidebar nav{gap:7px}.sidebar nav a,.sidebar-bottom>a{font-size:14px;color:#73737c;border-radius:7px;padding:13px 14px;gap:12px}.sidebar nav a svg,.sidebar-bottom>a svg{width:20px;height:20px;stroke-width:1.4}.sidebar nav a.active,.sidebar-bottom>a.active{background:#23232b;color:white}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:#f1f1f3;color:#23232b}.sidebar nav a.active:hover,.sidebar-bottom>a.active:hover{background:#32323d;color:white}.nav-count{background:#f0f0f3;color:#777784;border-radius:4px}.sidebar-promo{background:#0079cb;color:#fff;border-radius:8px;padding:18px 15px;margin:22px 0 20px}.sidebar-promo strong{font-size:18px;line-height:1.15;letter-spacing:-.4px;font-weight:400}.sidebar-promo p{color:#cce8fa;font-size:11px}.sidebar-promo>svg{color:#fff;width:26px;height:26px}.sidebar-promo a{color:#fff}.demo-label{font-size:9px;color:#92929b}.demo-label span{background:#0079cb}.workspace{margin-left:212px}.topbar{height:83px;padding:0 34px;background:#fff;border-bottom:1px solid #e7e7ea;gap:22px}.topbar-left{font-size:15px;font-weight:400;min-width:100px}.global-search{background:#f5f5f7;border:0;border-radius:6px;width:320px;padding:11px 14px}.global-search input{font-size:12px}.topbar-actions{gap:22px}.coin-balance{color:#0079cb}.coin-balance b{font-size:14px}.profile-link{font-size:12px}.avatar{background:#dcebf6;color:#245371;font-size:11px}.profile-link .avatar{background:#23232b;color:#fff;width:36px;height:36px}.avatar.large{background:#0079cb;color:#fff}.avatar.violet{background:#e6ddfb;color:#66528c}.icon-button{color:#555862}
main{max-width:1560px;padding:32px 34px 42px}.page-heading{margin-bottom:27px;align-items:flex-end}.page-heading .eyebrow{margin-bottom:12px}.page-heading p{font-size:13px;margin-top:11px;color:#888992}.streak-pill{padding:9px 0;background:none;border-radius:0;font-size:12px;color:#787982;gap:8px}.streak-pill svg{color:#0079cb;width:23px;height:23px}.streak-pill b{font-weight:400}.home-grid{grid-template-columns:minmax(0,1fr) 272px;gap:26px}.home-main{gap:31px}.home-side{gap:23px}.hero{background:#0079cb;border-radius:10px;min-height:266px;padding:28px 29px;isolation:isolate}.hero:before{display:none}.hero-copy{max-width:56%;position:relative;z-index:2}.hero .eyebrow{color:#d0eafe;font-size:9px;letter-spacing:1.3px;display:flex;gap:7px;align-items:center;margin-bottom:19px}.live-dot{width:6px;height:6px;display:inline-block;background:#9fe3df;border-radius:50%}.hero h2{color:#fff;font-weight:400;font-size:38px;line-height:1.04;letter-spacing:-1.4px}.hero p{color:#d3eaff;font-size:12px;line-height:1.55;margin:17px 0 23px}.hero .button.white{color:#1d2c3b;background:#fff;border-radius:6px;padding:11px 14px;font-size:11px}.hero .button svg{margin-left:8px}.hero-visual{position:absolute;right:-9px;top:0;width:45%;height:100%;z-index:0}.hero-visual img{position:absolute;width:320px;max-width:none;bottom:7px;right:-40px;filter:drop-shadow(-14px 20px 17px #00477b77);transform:rotate(-6deg)}.hero-orbit{position:absolute;left:20%;top:-28%;width:290px;height:390px;border:1px solid #ffffff40;border-radius:50%;transform:rotate(-32deg)}.hero-orbit.two{left:28%;top:-27%;transform:rotate(25deg);border-color:#ffffff27}.hero-star{position:absolute;top:20px;right:50px;font-size:65px;line-height:1;color:#bce9e5;font-weight:400;transform:rotate(12deg)}.hero-chip{position:absolute;bottom:24px;right:26px;color:#fff;font-size:8px;letter-spacing:2px;transform:rotate(-6deg)}.hero-note{left:29px;right:auto;bottom:13px;font-size:7px;letter-spacing:2px;color:#b8e1ff;display:none}.button{border-radius:6px;font-size:12px;padding:12px 17px}.button.dark{background:#23232b}.button.dark:hover{background:#0079cb}.button.outline{border-color:#d4d5da;color:#555963}.button.blue{background:#0079cb}.text-link{color:#5a5e69;font-size:11px;gap:8px}.text-link:hover{color:#0079cb}.section-heading{margin-bottom:17px}.section-heading h2{font-size:23px;font-weight:400;letter-spacing:-.6px}.panel{border-color:#e3e3e7;border-radius:10px;box-shadow:none}.padded{padding:28px}.body-copy{font-size:14px;line-height:1.8;color:#747780}.course-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{border:0;border-radius:8px;background:#23232b;color:#fff;position:relative;overflow:hidden;box-shadow:none;transition:transform .2s}.course-card:hover{box-shadow:none;transform:translateY(-4px)}.course-card:focus-visible{outline:3px solid #0079cb}.course-cover,.home-courses .course-cover{height:147px;background:transparent;padding:18px;overflow:hidden;position:relative}.course-type{display:flex!important;align-items:center;gap:7px;font-size:10px!important;color:#aaaab5!important;position:relative;z-index:3}.course-type svg{width:14px;height:14px;color:#aaaab5;stroke-width:1.6}.course-open{position:absolute!important;right:17px;top:17px;z-index:3!important}.course-open svg{color:#9999a4;width:16px;height:16px}.course-art{position:absolute!important;width:100%!important;height:160px!important;inset:17px 0 auto!important;color:#72c6f4;opacity:1;z-index:1!important;stroke-width:3}.course-card.cyan .course-art{color:#a4e6dc}.course-card.violet .course-art{color:#b5a5f5}.course-card.peach .course-art{color:#edbb9f}.course-card-info,.home-courses .course-card-info{padding:17px 21px 19px;position:relative;z-index:2}.course-card-info .card-meta{font-size:10px;color:#9d9da8;gap:6px;margin-bottom:8px}.course-card-info h3,.home-courses h3{font-size:20px;font-weight:400;line-height:1.12;color:#fff;min-height:46px;letter-spacing:-.4px}.course-card-info p,.home-courses .course-card-info p{font-size:11px;line-height:1.5;color:#96969f;margin-top:8px;min-height:34px}.course-card .cover-progress{position:static;display:flex;margin-top:19px;gap:5px}.course-card .cover-progress b{height:4px;background:#494850;border-radius:2px;flex:1}.course-card .cover-progress b.done{background:#72c6f4}.course-card-bottom,.home-courses .course-card-bottom{font-size:9px;color:#aeafb7;margin-top:12px;gap:8px}.course-card-bottom>span:last-child{display:flex;gap:5px;align-items:center;color:#dedee4}.course-card-bottom svg{width:12px;height:12px}.home-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-courses .course-card:last-child{display:none}.home-courses .course-cover{height:145px}
.profile-summary{padding:22px;background:#fff;border-radius:10px}.profile-summary-top{gap:12px}.profile-summary-top h3{font-size:19px;font-weight:400}.profile-summary-top .muted{font-size:10px}.profile-summary .avatar.large{width:48px;height:48px;font-size:14px}.label-row{font-size:10px;color:#858590;margin-top:22px}.label-row b{color:#686874}.progress{height:4px;background:#e6e6eb;border-radius:0}.progress span{background:#0079cb;border-radius:0}.mini-stats{margin:21px 0}.mini-stats b{font-size:31px;font-weight:400;letter-spacing:-1px}.mini-stats span{font-size:10px;color:#8b8b96}.mini-stats>div+div{padding-left:23px}.weekly{padding:22px;background:#f0eef8;border:0}.weekly .section-heading h2{font-size:21px}.weekly .section-heading>svg{color:#5b547c}.calendar-month{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:20px 0 15px;color:#666277}.calendar-month b{font-weight:400;color:#373142}.calendar-month>span{font-size:9px}.week-days{gap:3px}.week-days>div>span{font-size:9px;color:#8b849b}.week-days b{margin-top:6px;width:27px;height:27px;font-size:11px;color:#62596e;font-weight:400}.week-days b.active{background:#c5b8f6;color:#30264c}.week-days i{width:3px;height:3px;background:transparent;margin:5px auto 0;display:block;border-radius:50%}.week-days i.done{background:#75609f}.weekly p{font-size:11px;color:#6e647f;margin-top:14px}.weekly .text-link{color:#4d416b}.league{padding:22px;background:#fff;border:1px solid #e3e3e7}.league h2{font-size:21px}.league .tag{background:#f2f2f5;color:#777581;border:0;border-radius:4px}.league-podium{background:none;gap:5px;padding-top:27px;margin-top:15px}.league-podium>div{border-radius:7px 7px 0 0;background:#7dceea;height:82px;width:65px}.league-podium .first{height:113px;background:#0079cb}.league-podium .you{height:65px;background:#a99ae3}.league-podium b{color:#fff;font-size:36px;font-weight:400;margin:15px 0 5px}.league-podium small{color:#fff;font-size:9px}.league-podium .avatar{border:3px solid #fff;color:#36323f;background:#f2eff9;box-shadow:none;top:-17px}.league-podium .first>svg{color:#8670bf;top:-40px}.league-score{font-size:11px;color:#898691;padding:17px 0 14px}.league-score strong{color:#2c263b;font-weight:400}.event-card{background:#23232b;border-radius:9px;padding:23px}.event-card:after{border:1px solid #a4e6dc;border-radius:46% 54% 35% 65%;width:110px;height:145px;right:-43px;top:10px;transform:rotate(35deg)}.event-card .eyebrow{color:#aaaab4;font-size:8px}.event-card h3{font-size:27px;line-height:1.1;font-weight:400;letter-spacing:-.8px;position:relative;z-index:1}.event-card p{color:#a4a4af;font-size:11px}.event-card .button{font-size:11px;border-radius:5px;background:#a4e6dc;color:#242731}.practice-banner{padding:23px;background:#e6f3f2;border:0;border-radius:8px;gap:17px}.practice-art{background:#a4e6dc;color:#264846;border-radius:7px;width:59px;height:59px}.practice-banner .eyebrow{font-size:8px;color:#65827e}.practice-banner h3{font-size:20px;font-weight:400}.practice-banner p{font-size:11px;color:#7b918f}.round-link{border:0;background:#23232b;color:#fff;width:38px;height:38px}.challenge-card{border:1px solid #dcdce1;border-radius:8px;background:white}.challenge-top{height:100px;background:#c9eaff;position:relative;overflow:hidden;padding:21px}.challenge-top:after{content:'';width:125px;height:125px;border:1px solid #0079cb66;box-shadow:0 0 0 13px #0079cb15,0 0 0 27px #0079cb0a;border-radius:50%;position:absolute;right:14px;top:19px}.challenge-top.cyan{background:#a4e6dc}.challenge-top.violet{background:#c3b6f3}.challenge-top .icon-tile{background:#23232b;color:#fff;width:39px;height:39px;border-radius:5px;position:relative;z-index:1}.challenge-top .tag{border:0;background:#ffffffb0;border-radius:4px;color:#515565;font-size:9px;position:relative;z-index:1}.challenge-body{padding:21px}.challenge-body h3{font-size:23px;font-weight:400}.challenge-body p{font-size:12px;color:#7d7b87;line-height:1.65}.card-meta{color:#93919d;font-size:10px}.challenge-bottom{color:#5c5c69;font-size:10px;border-color:#e7e7ec;margin-top:21px}.post{padding:25px;border-radius:8px}.post-header>div{font-size:12px}.post-header>div>span{font-size:10px;color:#9997a2}.post-club{background:#f1eff8;color:#817593;border-radius:4px;font-size:9px}.post-title{font-size:21px;font-weight:400;line-height:1.3;letter-spacing:-.4px;margin-bottom:10px}.post>p{font-size:12px;color:#827f8c;line-height:1.7}.reaction{font-size:11px;color:#878592}.post-actions{margin-top:21px}.post-actions .text-link{font-size:11px}footer{padding:24px 34px 28px;font-size:10px;color:#9997a2}
/* Catalogues and inner routes use the same contrast, geometry and type scale. */
.tabs{gap:28px;border-color:#ddddE3}.tabs button,.static-tabs>span{font-size:14px;color:#8c8a96;padding:11px 0 13px}.tabs button.active,.static-tabs>span.active{color:#23232b;font-weight:400;border-color:#23232b}.local-search{background:white;border-color:#dddde3;border-radius:5px}.local-search input{font-size:12px}.back-link{color:#74717f;font-size:11px}.course-detail-header{border:0;background:#23232b;color:#fff;border-radius:9px;padding:34px 38px}.course-detail-header .eyebrow{color:#9895a6}.course-detail-header h1{font-size:37px;font-weight:400}.course-detail-header p{color:#aaa7b5}.detail-tags{color:#9e9baa;font-size:11px}.detail-symbol{background:transparent;border:1px solid #69bce966;color:#80cdf7;border-radius:25%;transform:rotate(-8deg);width:135px;height:135px}.detail-symbol svg{transform:rotate(8deg);width:58px;height:58px;stroke-width:1}.large-number{font-size:57px;font-weight:400;letter-spacing:-2px;color:#0079cb}.module-row{padding:22px 0}.module-row h3{font-size:17px;font-weight:400}.module-index{border-radius:5px;color:#74717f;background:#efedf3}.module-index.complete{background:#d7f0e8;color:#447f6a}.module-row>div>span{font-size:11px;color:#9894a2}.lesson-title h1{font-size:33px;font-weight:400}.lesson-outline{border:0;border-radius:6px;background:#eeedf2}.lesson-outline>a{border-radius:5px;font-size:12px;color:#797383}.lesson-outline>a.active{background:#23232b;color:#fff}.lesson-outline>a svg{color:#53b7d9}.lesson-article{border:1px solid #e0dee5;border-radius:7px;font-size:16px}.lesson-article p{color:#66616e}.lesson-article h2{font-weight:400;font-size:27px}.knowledge-check{border-radius:7px}.knowledge-check h2{font-weight:400;font-size:26px}.answer-option{border-radius:5px;color:#696371;border-color:#ddd9e3}.answer-option:has(input:checked){background:#e8f5fc;border-color:#0079cb;color:#00578f}fieldset legend{font-size:16px;font-weight:400}.resource-list{color:#655f6e}.practice-hero{background:#23232b;color:#fff;border-radius:9px;gap:34px;padding:34px}.practice-hero .eyebrow{color:#92929f}.practice-hero h2{font-weight:400;font-size:37px;letter-spacing:-1px}.practice-hero p{color:#aaa6b4;font-size:13px}.terminal-preview{background:#17171d;box-shadow:none;border:1px solid #41414b;border-radius:7px;transform:rotate(-3deg)}.terminal-preview p{color:#a4e6dc}.terminal-preview em{color:#888c96}.terminal-preview i{background:#a4e6dc}.lab-card,.product-tile{border-radius:8px;padding:27px;border-color:#e0dee5;border-bottom:3px solid #0079cb}.lab-card:nth-child(2),.product-tile:nth-child(2){border-bottom-color:#b5a5f5}.lab-card:nth-child(3),.product-tile:nth-child(3){border-bottom-color:#a4e6dc}.lab-card h3{font-size:25px;font-weight:400;letter-spacing:-.6px}.lab-card p,.product-tile p{font-size:13px;color:#837e8b;line-height:1.7}.lab-icon{width:59px;height:59px;border-radius:6px;background:#cceaff;color:#006cae}.lab-icon.cyan{background:#bdebe3;color:#477d76}.lab-icon.violet{background:#e0d7fb;color:#7b61ad}.lab-icon.peach{background:#f9ded0;color:#ab795d}.lab-icon svg{stroke-width:1.3}.lab-workspace{max-width:870px}.terminal-window{background:#23232b;border-radius:7px;color:#a4e6dc}.terminal-window input{color:#a4e6dc}.terminal-bar b{color:#8e889e}.community-cover{height:155px;background:#23232b;padding:26px}.community-cover.cyan,.community-cover.violet{background:#23232b}.community-cover>svg{color:#74c4f0;width:73px;height:73px;stroke-width:1}.community-cover.cyan>svg{color:#a4e6dc}.community-cover.violet>svg{color:#b5a5f5}.community-cover b{background:transparent;color:#ad9dc7;border:1px solid #5b526a;border-radius:4px;font-size:9px;padding:4px 8px}.community-tile{border-radius:8px;border-color:#dfdce5}.community-tile h3{font-weight:400;font-size:23px}.community-tile p{font-size:12px;color:#817a8c}.community-heading{background:#d3ecfa;border-radius:8px;padding:32px}.community-heading.cyan{background:#c8eee7}.community-heading.violet{background:#e3dbf9}.community-heading h1{font-size:36px;font-weight:400}.community-heading p{color:#74808b}.community-heading .lab-icon{background:#ffffff70;border-radius:8px}.post-form input,textarea{border-radius:5px;border-color:#dedbe4;background:#fdfcfe}.post-form h3{font-size:23px;font-weight:400}select{border-radius:5px;color:#6c6576;border-color:#ded9e5}.product-hero{border:0;background:#0079cb;color:white;border-radius:9px;padding:30px 38px}.product-hero .eyebrow{color:#add7f5}.product-hero h2{font-weight:400;font-size:37px;letter-spacing:-1px}.product-hero p{color:#d0e8fa;font-size:13px}.product-hero img{filter:drop-shadow(0 12px 12px #00457555);transform:rotate(-5deg);height:235px}.product-tile h3{font-size:27px;font-weight:400}.shop-card{border-radius:8px;border-color:#dedbe5}.shop-art{height:190px;background:#23232b}.shop-art.cyan,.shop-art.violet{background:#23232b}.shop-art svg{width:78px;height:78px;color:#74c4f0;stroke-width:1}.shop-art.violet svg{color:#b5a5f5}.shop-art.cyan svg{color:#a4e6dc}.shop-art:after{width:130px;height:180px;border-color:#74c4f077;border-radius:45%;transform:rotate(40deg);box-shadow:0 0 0 14px #8acdf009,0 0 0 30px #8acdf006}.shop-card h3{font-size:23px;font-weight:400}.shop-card p{color:#8a8195;font-size:12px}.shop-bottom b{color:#6b587e;font-size:14px}.profile-hero{background:#23232b;color:#fff;border-radius:8px;padding:37px}.profile-hero .eyebrow{color:#a098b1}.profile-hero h2{font-size:34px;font-weight:400;letter-spacing:-1px}.profile-hero p{color:#b2aabf}.avatar.giant{background:#b5a5f5;color:#23232b}.profile-total b{font-size:40px;font-weight:400;color:#a4e6dc;letter-spacing:-1px}.profile-total span{color:#a6a0b5}.achievement{border-radius:7px}.achievement h3{font-size:17px;font-weight:400}.achievement p{color:#99919f;font-size:11px}.achievement .lab-icon{border-radius:5px}.achievement.locked{background:#f1eff4;border-color:transparent}.info-note{background:#e6e0f1;border-radius:7px;color:#806d96}.info-note p{color:#806d96}.balance-display,.reward-pill{border-radius:6px;border-color:#ded9e5;color:#705a86}.balance-display b{font-size:31px;font-weight:400}.notification-row h3{font-size:19px;font-weight:400}.info-note .text-link{color:#5b406f}.success-note,.error-note{border-radius:5px}dialog{border-radius:9px}dialog h2{font-size:29px;font-weight:400}.toast{border-radius:6px;background:#23232b}.empty-state{border-radius:8px}
@media(min-width:1600px){.home-grid{grid-template-columns:minmax(0,1fr) 295px;gap:30px}.home-courses{grid-template-columns:repeat(3,minmax(0,1fr))}.home-courses .course-card:last-child{display:block}.hero{min-height:285px}.hero h2{font-size:46px}.hero-visual{right:20px;width:40%}.hero-visual img{width:390px}.hero-copy{max-width:60%}}
@media(max-width:1250px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.workspace{margin-left:190px}.brand{padding-left:10px}.brand img{width:135px}.sidebar nav a,.sidebar-bottom>a{font-size:13px;padding:12px 11px;gap:11px}.topbar{padding:0 25px}.global-search{width:260px}.topbar-actions{gap:17px}main{padding:30px 25px}.home-grid{grid-template-columns:minmax(0,1fr) 244px;gap:23px}.hero{padding:26px;min-height:256px}.hero h2{font-size:34px}.hero-copy{max-width:58%}.hero-visual{width:43%;right:-10px}.hero-visual img{width:285px;right:-39px;bottom:14px}.hero-star{right:30px;font-size:49px}.course-cover,.home-courses .course-cover{height:138px}.course-card-info,.home-courses .course-card-info{padding:17px}.course-card-info h3,.home-courses h3{font-size:19px}.profile-summary,.weekly,.league{padding:20px}.profile-summary-top h3{font-size:18px}.profile-summary .avatar.large{width:41px;height:41px;font-size:13px}.section-heading h2{font-size:22px}.practice-banner h3{font-size:18px}.challenge-body h3{font-size:21px}.page-heading h1{font-size:36px}.course-grid{gap:18px}.hero p{font-size:11px}.hero .button.white{font-size:10px;padding:10px 12px}.hero .eyebrow{font-size:8px}.calendar-month{font-size:10px}}
@media(max-width:1060px){.home-grid{grid-template-columns:minmax(0,1fr) 226px;gap:18px}.hero-copy{max-width:68%}.hero h2{font-size:31px}.hero-visual{right:-36px;opacity:.85}.hero-visual img{width:260px;bottom:18px}.hero-star{right:48px}.home-courses .course-cover{height:125px}.course-card-info h3,.home-courses h3{font-size:18px}.course-card-info p{font-size:10px}.profile-summary,.weekly,.league{padding:18px}.mini-stats b{font-size:28px}.practice-banner{padding:18px;gap:13px}.practice-art{width:46px;height:46px}.practice-banner h3{font-size:17px}.practice-banner .round-link{width:31px;height:31px}.topbar-left{min-width:90px}.global-search{width:225px}.course-grid,.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-header h1{font-size:31px}.detail-symbol{width:100px;height:100px}.practice-hero h2{font-size:31px}.community-heading h1{font-size:30px}}
@media(max-width:900px){.sidebar{width:212px}.workspace{margin-left:0}.topbar{height:72px;padding:0 23px}.home-grid{grid-template-columns:minmax(0,1fr) 245px}.hero h2{font-size:34px}.hero-copy{max-width:60%}.hero-visual{right:-13px}.mobile-menu{display:inline-flex}.course-card-info h3,.home-courses h3{font-size:19px}}
@media(max-width:740px){main{padding:25px 20px 35px}.topbar{height:66px;padding:0 15px}.global-search{display:none}.topbar-actions{margin-left:auto}.page-heading h1{font-size:34px}.page-heading p{font-size:12px}.home-grid{grid-template-columns:1fr}.home-main{gap:29px}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-side .league,.home-side .event-card{grid-column:auto}.hero{min-height:267px;padding:27px}.hero h2{font-size:37px}.hero-copy{max-width:60%}.hero-visual{right:0;width:44%}.hero-visual img{width:310px;right:-43px}.hero p{font-size:12px}.hero .button.white{font-size:11px;padding:11px 14px}.hero .eyebrow{font-size:9px}.hero-star{right:55px;font-size:50px}.home-courses .course-cover{height:148px}.course-card-info,.home-courses .course-card-info{padding:19px}.course-card-info h3,.home-courses h3{font-size:23px}.course-card-info p,.home-courses .course-card-info p{font-size:11px}.course-card-info .card-meta{font-size:10px}.course-detail-header{padding:28px}.course-detail-header h1{font-size:31px}.lesson-title h1{font-size:30px}.practice-hero{grid-template-columns:1fr;padding:28px;gap:28px}.practice-hero h2{font-size:33px}.terminal-preview{transform:none}.lesson-layout{grid-template-columns:1fr}.lesson-outline{position:static;display:flex;overflow:auto;gap:8px;padding:15px}.lesson-outline>a{min-width:155px;font-size:11px}.detail-grid{grid-template-columns:1fr}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-heading h1{font-size:29px}.product-hero{padding:28px}.product-hero h2{font-size:31px}.product-hero img{height:185px;width:170px}.profile-hero h2{font-size:27px}.profile-total b{font-size:32px}.padded{padding:25px}.post-title{font-size:21px}.challenge-body h3{font-size:23px}.section-heading h2{font-size:24px}}
@media(max-width:480px){main{padding:25px 18px}.page-heading h1{font-size:32px}.page-heading p{max-width:285px;font-size:12px}.page-heading .eyebrow{font-size:8px}.streak-pill{display:none}.hero{min-height:275px;padding:25px 22px}.hero-copy{max-width:76%}.hero h2{font-size:35px}.hero p{max-width:210px;font-size:11px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-visual{right:-38px;width:49%;opacity:.52}.hero-visual img{width:265px;right:-54px;bottom:38px}.hero-star{top:8px;right:38px;font-size:50px;color:#bce9e5}.hero-orbit{left:-5%;width:170px;top:-15%;height:310px}.hero-chip{display:none}.hero .button.white{font-size:10px;padding:11px 12px;margin-top:4px}.hero .button svg{margin-left:0}.home-courses{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-courses .course-card-info{padding:15px 13px}.home-courses h3{font-size:19px;line-height:1.13;min-height:64px}.home-courses .course-cover{height:126px;padding:15px 13px}.home-courses .course-art{height:132px!important;top:24px!important}.course-type{font-size:8px!important;gap:4px}.course-type svg{width:12px;height:12px}.course-open{right:11px;top:13px}.home-courses .card-meta{font-size:8px;gap:4px;flex-wrap:wrap}.home-courses .course-card-info p{font-size:10px;min-height:42px}.home-courses .course-card-bottom{font-size:8px}.home-courses .course-card-bottom>span:last-child{display:none}.home-courses .cover-progress{margin-top:14px;gap:3px}.home-side{grid-template-columns:1fr 1fr;gap:14px}.home-side .profile-summary,.home-side .weekly{grid-column:1/-1}.home-side .league,.home-side .event-card{grid-column:1/-1}.profile-summary,.weekly,.league{padding:23px}.profile-summary-top h3{font-size:22px}.profile-summary .avatar.large{width:49px;height:49px;font-size:16px}.mini-stats b{font-size:34px}.week-days{gap:9px}.week-days b{width:30px;height:30px;font-size:12px}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:10px}.three-grid,.course-grid:not(.home-courses),.two-grid{grid-template-columns:1fr}.course-grid:not(.home-courses) .course-cover{height:165px}.course-grid:not(.home-courses) .course-art{height:190px!important}.course-card-info h3{font-size:26px}.course-card-info{padding:22px}.practice-banner{padding:19px 16px;gap:12px;align-items:flex-start}.practice-banner h3{font-size:20px}.practice-banner p{font-size:10px;line-height:1.5}.practice-banner .eyebrow{font-size:7px;letter-spacing:1px}.practice-art{width:37px;height:40px;border-radius:5px}.practice-art svg{width:23px;height:23px}.practice-banner .round-link{width:29px;height:29px;align-self:center}.round-link svg{width:15px}.practice-banner>div:nth-child(2){flex:1}.course-detail-header h1{font-size:28px}.detail-symbol{display:none}.detail-tags{gap:12px}.lesson-title h1{font-size:27px}.lesson-article{padding:23px}.lesson-next .button{font-size:10px;padding:10px}.practice-hero h2{font-size:32px}.community-heading{padding:25px}.community-heading .button{margin-left:0}.community-heading h1{font-size:27px}.community-heading .lab-icon{width:50px;height:50px}.product-hero h2{font-size:30px}.profile-hero{padding:26px}.profile-hero h2{font-size:26px}.profile-hero .avatar.giant{width:60px;height:60px;font-size:23px}.profile-hero>div:nth-child(2){flex-basis:60%}.profile-total b{font-size:34px}.profile-total span{font-size:10px}.post{padding:23px}.post-title{font-size:21px}.post>p{font-size:12px}.tabs{gap:19px}.tabs button{font-size:12px}.notification-row h3{font-size:18px}.balance-display{padding:9px 12px}.balance-display b{font-size:25px}}
@media(prefers-reduced-motion:reduce){.course-card:hover{transform:none}}
@media(min-width:1061px){.home-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-courses .course-card:last-child{display:block}.home-courses .course-cover{height:127px}.home-courses .course-card-info{padding:15px 17px 18px}.home-courses h3{font-size:19px;min-height:65px}.home-courses .course-card-info p{min-height:47px}.home-courses .course-card-bottom>span:last-child{font-size:0}.home-courses .course-card-bottom>span:last-child svg{width:13px;height:13px}.home-courses .course-art{height:145px!important}.hero-visual img{right:-8px;width:275px;bottom:22px}.hero-star{right:52px}}
@media(min-width:1600px){.home-courses h3{font-size:24px;min-height:56px}.home-courses .course-cover{height:160px}.home-courses .course-art{height:180px!important}.hero-visual img{right:0;width:375px}.home-courses .course-card-info p{min-height:34px}}