@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";
:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111211;--sidebar:#161715;--surface:#191a18;--surface2:#20211e;--surface3:#292a25;--text:#f2f1eb;--muted:#989b90;--line:#30322c;--gold:#d4af37;--gold-soft:#d4af3715;--on-gold:#252116;--hero:#1d211a;--shadow:0 12px 50px #00000015;--radius:16px}:root,:root[data-theme=light]{--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sidebar:#fff;--surface:#fff;--surface2:#faf8f0;--surface3:#f4eedb;--text:#1a1a1a;--muted:#66615a;--line:#e6e6e6;--gold:#88680b;--gold-soft:#d4af3715;--on-gold:#1a1a1a;--hero:#fffcf3;--shadow:0 12px 50px #35402506}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Playfair Display,serif;line-height:1.25}h1{margin-bottom:14px;font-size:clamp(32px,3.6vw,48px);font-weight:650}h2{margin-bottom:12px;font-size:27px;font-weight:650}h3{font-size:18px;font-weight:650}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a,button{transition:background .18s,color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input{background:var(--bg);min-width:0;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px 14px}input::placeholder{color:var(--muted)}em{color:var(--gold);font-style:normal}svg{vertical-align:middle;flex-shrink:0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:var(--muted)}.gold-text{color:var(--gold)}.full{width:100%}.skip-link{z-index:100;background:var(--gold);color:var(--on-gold);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex:0 0 234px;width:234px;height:100dvh;padding:34px 20px 18px;display:flex;position:fixed}.brand{letter-spacing:.12em;align-items:center;gap:10px;margin:0 10px 55px;font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;line-height:1.15;display:flex}.brand-mark{letter-spacing:-.13em;color:var(--gold);border:1px solid var(--gold);border-radius:6px;padding:5px 8px 5px 4px;font-size:26px;line-height:1;position:relative}.brand-mark>span{background:var(--sidebar);padding:2px;font-size:13px;position:absolute;top:-9px;right:-6px}.brand-sub{letter-spacing:.38em;color:var(--muted);margin-top:8px;font-size:9px;font-weight:500;display:block}.nav-label,.eyebrow{letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:650}.nav-label{margin-bottom:12px;padding:0 12px;font-size:9px}.sidebar nav{gap:5px;display:grid}.nav-link{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:12px;font-weight:500;display:flex}.nav-link.active{background:var(--gold-soft);color:var(--gold)}.nav-link:hover{background:var(--surface3);color:var(--text)}.nav-count{border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:35px}.upgrade-card{border:1px solid var(--line);background:linear-gradient(135deg,var(--gold-soft),transparent);border-radius:10px;margin-bottom:22px;padding:18px 16px}.tiny-star{color:var(--gold);margin-bottom:15px;font-size:25px;line-height:1;display:inline-block}.upgrade-card h3{letter-spacing:-.015em;margin:0 0 7px;font-size:15px;line-height:1.5}.upgrade-card p{color:var(--muted);margin-bottom:18px;font-size:11px}.upgrade-card a{color:var(--gold);justify-content:space-between;align-items:center;font-size:11px;display:flex}.sidebar-footer{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:7px;margin:18px 10px 0;padding-top:18px;font-size:10px;display:flex}.status-dot{background:#90a77a;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.workspace{flex-direction:column;width:calc(100% - 234px);min-height:100vh;margin-left:234px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;height:75px;padding:0 40px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb>span:last-child{color:var(--text)}.top-actions{align-items:center;gap:17px;display:flex}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface3);color:var(--text)}.top-divider{border-left:1px solid var(--line);height:20px}.user-chip{align-items:center;gap:8px;font-size:12px;display:flex}.avatar{width:29px;height:29px;color:var(--gold);background:var(--gold-soft);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}#main{flex:1}.page{max-width:1450px;margin:auto;padding:42px 44px 32px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-heading .eyebrow{align-items:center;gap:7px;margin-bottom:12px;display:flex}.gold-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.text-link{white-space:nowrap;color:var(--gold);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;display:inline-flex}.text-link:hover{color:var(--text)}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:12px 19px;font-size:12px;font-weight:600;display:inline-flex}.button.gold{background:var(--gold);color:var(--on-gold)}.button.gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.ghost{border-color:var(--line);color:var(--text);background:0 0}.button.ghost:hover{background:var(--surface2)}.button.small{min-height:33px;padding:7px 12px;font-size:11px}.badge{border:1px solid var(--line);color:var(--gold);letter-spacing:.055em;background:var(--gold-soft);white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:5px 8px;font-size:9px;display:inline-flex}.hero-panel{border-radius:var(--radius);background:var(--hero);border:1px solid #75846b33;min-height:324px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;flex:52%;padding:33px 35px}.hero-copy h2{letter-spacing:-.045em;margin:16px 0;font-size:clamp(38px,4vw,53px);font-weight:500}.hero-copy h2 span{color:var(--gold)}.hero-copy p{color:var(--muted);max-width:340px;margin-bottom:23px;font-size:12px;line-height:1.8}.hero-buttons{align-items:center;gap:24px;display:flex}.hero-secondary{align-items:center;gap:9px;font-size:11px;display:flex}.hero-checks{color:var(--muted);gap:19px;margin-top:18px;font-size:10px;display:flex}.hero-checks>span{align-items:center;gap:6px;display:flex}.hero-checks svg{color:#9fae8d}.hero-visual{flex:48%;justify-content:center;align-items:center;min-width:320px;padding-right:32px;display:flex;position:relative}.hero-window{z-index:1;color:#e0e4d6;background:#151913;border:1px solid #63724b70;border-radius:10px;width:100%;max-width:355px;position:relative;transform:rotate(-5deg);box-shadow:0 18px 65px #0004}.window-bar{border-bottom:1px solid #79896025;align-items:center;gap:4px;height:30px;padding:0 12px;display:flex}.window-bar i{background:#65705a;border-radius:50%;width:5px;height:5px}.window-bar span{letter-spacing:.07em;color:#828d75;margin-left:auto;margin-right:auto;font-size:7px}.hero-code{grid-template-columns:15px 1fr;gap:17px 13px;padding:24px 18px;font-family:monospace;font-size:10px;line-height:1.8;display:grid}.hero-code>span{color:#56614d;font-size:9px}.hero-code b{font-weight:400}.hero-code .code-indent{color:#acb399;padding-left:10px}.hero-code .code-gold{color:#dfc68c}.caret{vertical-align:middle;background:#cfb67d;width:5px;height:12px;margin-left:6px;display:inline-block}.window-success{color:#9fae8d;border-top:1px solid #79896025;align-items:center;gap:6px;padding:14px 17px;font-size:9px;display:flex}.window-success>span:last-child{margin-left:auto}.orbit{border:1px solid #8a9c6820;border-radius:50%;width:440px;height:440px;position:absolute;top:-30px;left:0;transform:rotate(-25deg)}.orbit-two{width:600px;height:600px;top:-105px;left:-80px}.float-card{z-index:2;color:#e9eddf;background:#292f24;border:1px solid #6b755050;border-radius:8px;align-items:center;gap:10px;padding:11px 15px;display:flex;position:absolute;bottom:60px;right:17px;transform:rotate(3deg);box-shadow:0 9px 30px #0002}.float-card b{font-size:10px;font-weight:500;display:block}.float-card small{color:#acb59c;font-size:8px;display:block}.float-icon{color:#dfc28a;border:1px solid #a0ad7e30;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.hero-spark{color:var(--gold);opacity:.5;font-size:44px;position:absolute;top:45px;right:50px}.stat-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:25px 0 40px;padding:4px 0 24px;display:grid}.stat-strip>div{border-right:1px solid var(--line);align-items:center;gap:11px;padding:0 22px;display:flex}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:0}.stat-strip b{letter-spacing:-.045em;font-family:Montserrat,sans-serif;font-size:24px;font-weight:550}.stat-strip span{color:var(--muted);max-width:90px;font-size:10px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;display:flex}.section-heading h2{margin:6px 0 0;font-size:24px}.search{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:7px;align-items:center;gap:8px;min-width:230px;padding:8px 12px;font-size:11px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:0;font-size:11px}.search kbd{font-size:16px}.filter-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:7px 13px;font-size:10px;display:flex}.filter.selected{background:var(--surface3);border-color:var(--surface3);color:var(--text)}.filter span{background:var(--bg);border-radius:3px;padding:0 4px;font-size:9px}.results-count{color:var(--muted);margin-left:auto;font-size:10px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.course-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;display:block;overflow:hidden}.course-card:hover{border-color:var(--gold);transform:translateY(-3px)}.art-wrap{position:relative}.week-pill,.preview-pill{letter-spacing:.08em;color:#d3d8c9;background:#141812b8;border:1px solid #d5debf25;border-radius:4px;padding:4px 7px;font-size:8px;position:absolute;top:15px;left:15px}.preview-pill{color:#252319;letter-spacing:0;background:#d6c18b;border:0;left:auto;right:15px}.course-card-body{padding:20px 22px}.course-card-body .eyebrow{color:var(--gold);text-transform:uppercase;font-size:8px}.course-card h3{justify-content:space-between;align-items:center;gap:10px;margin:8px 0 9px;font-size:19px;display:flex}.course-card h3 svg{color:var(--muted)}.course-card p{color:var(--muted);max-width:360px;margin:0 0 18px;font-size:11px;line-height:1.8}.course-meta{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:16px;padding-top:14px;font-size:9px;display:flex}.course-meta>span{align-items:center;gap:6px;display:flex}.course-meta .level{border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:2px 5px;font-size:8px}.course-art{color:#d6ddc9;background:#263022;justify-content:center;align-items:center;height:183px;display:flex;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#bfcead08 1px,#0000 1px),linear-gradient(90deg,#bfcead08 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.art-2{background:#302e24}.art-3{background:#202d2b}.art-4{background:#2b2931}.mini-browser{background:#171e16;border:1px solid #a5b98a50;border-radius:6px;width:200px;position:relative;transform:rotate(-5deg)translateY(15px);box-shadow:10px 20px 20px #0002}.mini-browser .window-bar{height:22px}.mini-browser .window-bar span{font-size:6px}.window-content{align-items:center;gap:14px;padding:17px 15px 12px;display:flex}.window-content>div{flex:1}.code-symbol{color:#c2ceab;background:#344029;border:1px solid #a5b98a40;border-radius:6px;padding:7px}.mock-line{background:#89997545;border-radius:2px;width:100%;height:4px;margin:7px 0;display:block}.mock-line.gold{background:#cec295a8;width:70%}.mock-line.short{width:80%}.mock-columns{gap:6px;padding:0 15px 15px;display:flex}.mock-columns>i{background:#73885c25;border:1px solid #89997520;border-radius:3px;flex:1;height:26px}.cursor{color:#d4bd83;position:absolute;bottom:5px;right:-13px;transform:rotate(5deg)}.creative-stack{width:250px;height:140px;margin-top:20px;position:relative}.creative-card{color:#e0d7b8;border:1px solid #d6cda050;border-radius:7px;width:96px;height:130px;padding:13px;position:absolute;box-shadow:0 10px 25px #0003}.creative-card.back{background:#5a5940;font-size:11px;top:5px;left:53px;overflow:hidden;transform:rotate(-13deg)}.creative-card.front{background:#28291f;flex-direction:column;gap:10px;font-size:13px;font-weight:600;line-height:1.2;display:flex;right:56px;transform:rotate(8deg)}.creative-card small{letter-spacing:.14em;color:#bbba97;margin-top:auto;font-size:5px}.play-orb{color:#ddca96;background:#d3bd8150;border:1px solid #e5cc9740;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.play-orb svg{width:12px}.wave{background:repeating-radial-gradient(at 50% 100%,#0000 0 6px,#ddc98866 7px,#0000 8px);width:100px;height:70px;margin-top:20px;transform:rotate(-20deg)}.floating-tag{color:#383223;background:#dbca99;border-radius:4px;padding:5px 9px;font-size:7px;position:absolute;bottom:0;right:5px;transform:rotate(-4deg)}.workflow-art{align-items:center;margin-top:20px;display:flex;position:relative}.flow-node{color:#b2c4b6;background:#23332d;border:1px solid #9fbdb150;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:62px;height:66px;display:flex;box-shadow:0 12px 20px #0002}.flow-node small{font-size:6px}.gold-node{color:#d8c68f;background:#394737;border-color:#bccfa155;width:72px;height:75px;transform:translateY(-5px)}.flow-line{background:#a3baa36b;width:27px;height:1px;position:relative}.flow-line:after{content:"";background:#a5bba5;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:12px}.outreach-art{width:265px;margin-top:20px;position:relative}.outreach-row{z-index:2;background:#33323a;border:1px solid #bcb0d333;border-radius:8px;align-items:center;gap:10px;padding:13px 11px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 12px 30px #0002}.outreach-row b{font-size:8px;font-weight:500}.outreach-row .mock-line{background:#a29aad40;width:100px;height:3px}.outreach-row svg{color:#bfb59a;margin-left:auto}.mini-avatar{color:#d9d0d9;background:#60576c;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.outreach-row.second{width:230px;margin:12px 0 0 23px;padding:12px;font-size:7px;transform:rotate(3deg)}.outreach-row.second svg{color:#b3bc9f;width:15px;margin:0}.sent-dot{background:#abb98e;border-radius:50%;width:5px;height:5px;margin-left:auto}.signal-ring{z-index:0;border:1px solid #b9a9d017;border-radius:50%;width:180px;height:180px;position:absolute;top:-35px;left:25px}.signal-ring.two{width:230px;height:230px;top:-60px;left:0}.bottom-banner{border:1px solid var(--line);background:linear-gradient(100deg,var(--surface),var(--bg));border-radius:10px;align-items:center;gap:20px;margin-top:32px;padding:26px;display:flex}.banner-icon{color:var(--gold);padding:0 8px;font-size:35px}.bottom-banner h3{margin:0 0 5px;font-size:16px}.bottom-banner p{color:var(--muted);margin:0;font-size:11px}.bottom-banner .button{margin-left:auto}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:24px 44px;font-size:9px;display:flex}.footer>div{gap:22px;display:flex}.mobile-menu,.mobile-only,.scrim{display:none}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:30px;font-size:11px;display:inline-flex}.back-link:hover{color:var(--gold)}.course-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;margin-bottom:48px;display:grid}.course-intro h1{margin:16px 0}.course-intro p{color:var(--muted);font-size:14px}.course-art.large{border-radius:14px;height:285px}.course-art.large>.mini-browser{transform:scale(1.4)rotate(-5deg)}.course-art.large>.creative-stack,.course-art.large>.workflow-art,.course-art.large>.outreach-art{transform:scale(1.3)}.intro-meta{color:var(--muted);align-items:center;gap:17px;margin:22px 0;font-size:11px;display:flex}.intro-meta>span{align-items:center;gap:6px;display:flex}.detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:30px;display:grid}.curriculum{border:1px solid var(--line);border-radius:10px;overflow:hidden}.curriculum details+details{border-top:1px solid var(--line)}.curriculum summary{background:var(--surface);cursor:pointer;align-items:center;gap:15px;padding:19px;list-style:none;display:flex}.curriculum summary::-webkit-details-marker{display:none}.curriculum summary>svg{color:var(--muted);margin-left:auto}.curriculum details[open] summary>svg{transform:rotate(180deg)}.day-number{color:var(--gold);background:var(--gold-soft);border-radius:6px;padding:7px 12px;font-family:Manrope;font-size:18px}.curriculum h3{margin:0;font-size:14px}.curriculum summary div>span{color:var(--muted);font-size:10px}.day-lessons{background:var(--bg);padding:7px 18px}.lesson-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 2px;font-size:11px;display:flex}.lesson-row:last-child{border:0}.lesson-row:hover{color:var(--gold)}.lesson-state{color:var(--muted);flex-shrink:0;place-items:center;width:24px;display:grid}.done{color:var(--gold)}.free-label{color:var(--gold);white-space:nowrap;margin-left:auto;font-size:8px}.lesson-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:9px}.includes-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-self:start;padding:23px;position:sticky;top:25px}.includes-card p{color:var(--muted);font-size:12px}.included{align-items:center;gap:10px;margin:13px 0;font-size:11px;display:flex}.included svg{color:var(--gold)}.includes-card h3{margin:12px 0 16px}.includes-card .eyebrow{font-size:9px}.auth-page{grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:1100px;min-height:calc(100dvh - 150px);margin:auto;padding:65px 45px;display:grid}.auth-story h1{margin:22px 0;font-size:44px;line-height:1.2}.auth-story>p{color:var(--muted);max-width:350px;font-size:13px}.auth-quote{margin-top:25px;padding:30px 0 40px}.auth-quote>span{color:var(--gold);font-family:Georgia,serif;font-size:55px;line-height:.5}.auth-quote h3{margin:0 0 16px;font-size:24px;font-weight:450;line-height:1.5}.quote-line{background:var(--gold);width:35px;height:2px}.auth-story>.muted{font-size:11px}.auth-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:32px}.auth-icon{background:var(--gold-soft);border:1px solid var(--line);color:var(--gold);border-radius:8px;margin-bottom:22px;padding:10px;display:inline-flex}.auth-card h2{font-size:25px}.auth-card>p{color:var(--muted);margin-bottom:26px;font-size:12px}.auth-card label{margin-bottom:18px;font-size:11px;font-weight:500;display:block}.auth-card input{width:100%;margin-top:7px;font-size:12px}.password-field{position:relative}.password-field input{padding-right:40px}.password-field button{color:var(--muted);background:0 0;border:0;padding:2px;position:absolute;top:17px;right:10px}.form-link{color:var(--gold);text-align:right;margin:-7px 0 22px;font-size:11px;display:block}.auth-card .auth-switch{text-align:center;margin:23px 0 0;font-size:11px}.auth-switch a{color:var(--gold)}.resend-link{margin:15px auto 0;font-size:10px;display:flex}.error-message{color:#ce8176;overflow-wrap:anywhere;background:#d67b6810;border:1px solid #c9786860;border-radius:7px;margin:15px 0;padding:12px 15px;font-size:12px}.notice{border:1px solid var(--line);background:var(--gold-soft);color:var(--gold);border-radius:7px;margin:15px 0;padding:13px;font-size:12px}.success-panel{color:var(--gold)}.success-panel p{color:var(--text);margin-top:15px;font-size:13px}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:20px auto;padding:65px 25px;display:flex}.empty-state>svg{color:var(--gold)}.empty-state h1,.empty-state h3{margin:0}.empty-state p{color:var(--muted);max-width:500px;margin:0}.empty-state.compact{border:0;padding:45px 20px;font-size:12px}.empty-state.compact h3{font-size:16px}.loading-panel{color:var(--muted);text-align:center;padding:80px 30px}.pricing-page{max-width:1100px}.center-heading{text-align:center;max-width:580px;margin:auto;padding:10px 0 30px}.center-heading h1{margin:15px 0;font-size:48px}.center-heading p{color:var(--muted);max-width:430px;margin:0 auto;font-size:13px}.billing-toggle{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;margin:25px 0 0;padding:4px;display:inline-flex}.billing-toggle button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:7px 22px;font-size:11px}.billing-toggle button.selected{background:var(--surface3);color:var(--text)}.pricing-grid{grid-template-columns:1fr 1fr;gap:25px;max-width:800px;margin:15px auto 0;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:30px;position:relative}.plan-card.featured{border-color:var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--surface) 70%)}.plan-ribbon{background:var(--gold);color:var(--on-gold);letter-spacing:.04em;border-radius:5px;align-items:center;gap:7px;padding:5px 9px;font-size:8px;font-weight:600;display:flex;position:absolute;top:-13px;left:25px}.plan-icon{color:var(--muted);margin-bottom:18px;font-size:25px;line-height:1.5;display:block}.gold-icon{color:var(--gold)}.plan-card>.eyebrow{font-size:8px}.plan-card h2{margin:8px 0;font-size:27px}.plan-card>p{color:var(--muted);font-size:12px}.plan-price{letter-spacing:-.04em;min-height:64px;margin:30px 0 25px;font-family:Montserrat,sans-serif;font-size:31px;font-weight:650;line-height:1.2}.plan-price span{letter-spacing:0;color:var(--muted);margin-top:10px;font-family:DM Sans;font-size:10px;font-weight:400;display:block}.plan-feature{align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.plan-feature svg{color:var(--gold)}.pricing-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin:25px 0 45px;font-size:10px;display:flex}.faq{max-width:800px;margin:40px auto}.faq h2{margin:10px 0 25px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:25px;font-size:13px;list-style:none;display:flex}.faq summary span{color:var(--gold)}.faq p{color:var(--muted);max-width:680px;margin:14px 0 0;font-size:12px;line-height:1.8}.lesson-layout{grid-template-columns:minmax(0,1fr) 270px;gap:25px;display:grid}.lesson-heading{margin-bottom:24px}.lesson-heading h1{margin:12px 0;font-size:30px}.lesson-heading>.muted{font-size:11px}.inline-free{color:var(--gold);background:var(--gold-soft);border-radius:4px;margin-left:10px;padding:3px 7px}.media-panel{border:1px solid var(--line);background:#101110;border-radius:10px;overflow:hidden}.media-panel video{aspect-ratio:16/9;background:#080908;width:100%;display:block}.slide-stage{color:#eeeedf;background:#171a15;min-height:340px;padding:35px}.slide-stage h2{color:#d4b77b;margin:25px 0 15px;font-size:25px}.slide-stage p,.slide-stage li{color:#bec4b5;font-size:13px}.slide-brand{letter-spacing:.17em;color:#c9b47d;font-size:9px}.slide-controls{color:#b6c19f;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;font-size:10px;display:flex}.player-actions{justify-content:space-between;align-items:center;gap:15px;margin:20px 0 27px;display:flex}.player-actions>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.lesson-tabs{border-bottom:1px solid var(--line);gap:20px;display:flex}.lesson-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 0;font-size:12px}.lesson-tabs button.selected{border-bottom-color:var(--gold);color:var(--gold)}.lesson-reading{color:var(--muted);padding:25px 0;font-size:13px}.lesson-reading h3{color:var(--text);margin:0 0 12px;font-size:17px}.lesson-reading section{margin-bottom:28px}.lesson-reading li{margin-bottom:10px}.lesson-reading pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.resource-list{gap:10px;display:grid}.resource{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:15px;display:flex}.resource>div{min-width:0}.resource b{color:var(--text);font-size:12px;font-weight:500;display:block}.resource span{overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}.resource>svg:last-child{margin-left:auto}.resource:hover{border-color:var(--gold)}.audio-player{align-items:center;gap:12px;margin-bottom:24px;display:flex}.audio-player audio{width:100%;height:40px}.locked-panel{text-align:center;background:radial-gradient(ellipse at top,var(--gold-soft),var(--surface));border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:55px 25px;display:flex}.lock-orb{color:var(--gold);background:var(--gold-soft);border:1px solid var(--line);border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:10px;display:grid}.locked-panel h2{margin:0;font-size:26px}.locked-panel p{max-width:380px;color:var(--muted);font-size:12px}.classroom-outline{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-self:start;max-height:calc(100dvh - 40px);position:sticky;top:20px;overflow:auto}.outline-title{border-bottom:1px solid var(--line);padding:22px 18px}.outline-title h3{margin:9px 0;font-size:16px}.outline-title p{color:var(--muted);margin:0;font-size:10px}.classroom-outline details{border-bottom:1px solid var(--line)}.classroom-outline summary{cursor:pointer;padding:15px;font-size:10px}.outline-lesson{color:var(--muted);align-items:flex-start;gap:9px;padding:12px 15px;font-size:10px;line-height:1.5;display:flex}.outline-lesson svg{margin-top:2px}.outline-lesson.current{color:var(--gold);background:var(--gold-soft);border-left:2px solid var(--gold)}.outline-lesson:hover{background:var(--surface3)}.lesson-pagination{justify-content:space-between;align-items:center;gap:20px;margin:30px 0;font-size:11px;display:flex}.lesson-pagination a{color:var(--gold);align-items:center;gap:8px;display:flex}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.dashboard-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:1fr auto;padding:23px;display:grid}.dashboard-stats svg{color:var(--gold);grid-area:1/2/3;align-self:center}.dashboard-stats b{font-family:Manrope;font-size:30px;font-weight:500;line-height:1.3}.dashboard-stats span{color:var(--muted);margin-top:7px;font-size:11px}.continue-card{background:var(--hero);border:1px solid var(--line);border-radius:12px;align-items:stretch;margin-bottom:35px;display:flex;overflow:hidden}.continue-card>div:first-child{flex:1;padding:30px}.continue-card h2{margin:12px 0}.continue-card p{color:var(--muted);font-size:11px}.continue-card>.course-art{background:0 0;width:40%;height:auto;min-height:220px}.learning-paths{gap:12px;display:grid}.path-row{background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;gap:22px;padding:24px;display:flex}.path-row:hover{border-color:var(--gold)}.path-number{color:var(--gold);opacity:.7;font-family:Manrope;font-size:27px}.path-row>div{flex:1}.path-row h3{margin:5px 0 12px;font-size:16px}.path-row p{color:var(--muted);margin:7px 0 0;font-size:9px}.path-row>svg{color:var(--muted)}.progress-track{background:var(--surface3);border-radius:4px;max-width:440px;height:4px;overflow:hidden}.progress-track>span{background:var(--gold);border-radius:4px;height:100%;display:block}.account-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:25px}.panel>h2{margin-top:17px;font-size:22px}.panel>p{color:var(--muted);font-size:12px}.profile-details{grid-template-columns:90px 1fr;gap:13px;margin:23px 0;font-size:12px;display:grid}.profile-details dt{color:var(--muted)}.profile-details dd{overflow-wrap:anywhere;margin:0}.purchase-panel{margin-top:25px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 12px;font-size:10px;font-weight:500}td{border-bottom:1px solid var(--line);padding:17px 12px}td small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}td b{font-weight:500}.admin-summary{border:1px solid var(--line);background:var(--hero);border-radius:10px;align-items:center;gap:20px;margin-bottom:28px;padding:22px;display:flex}.admin-summary>svg{color:var(--gold)}.admin-summary b{font-family:Manrope;font-size:30px;line-height:1;display:block}.admin-summary span{color:var(--muted);font-size:10px}.admin-summary p{color:var(--muted);max-width:310px;margin:0 0 0 auto;font-size:11px}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;font-size:10px;display:flex}.student-details{margin-top:25px}.student-details .section-heading p{color:var(--muted);margin:8px 0 0;font-size:12px}.student-actions{justify-content:space-between;align-items:center;gap:15px;margin:20px 0;font-size:11px;display:flex}.student-details>h3{align-items:center;gap:10px;margin-top:25px;display:flex}@media (min-width:1600px){.page{padding:50px 60px}.hero-panel{min-height:365px}.hero-copy{padding:40px 45px}.hero-visual{padding-right:70px}.hero-window{max-width:405px}.hero-code{padding:30px 22px;font-size:12px}.float-card{bottom:65px;right:55px}.course-art{height:220px}.course-card-body{padding:23px 25px}.course-card h3{font-size:21px}.course-card p{max-width:440px;font-size:12px}.stat-strip span{max-width:130px;font-size:11px}}@media (max-width:1150px){.sidebar{flex-basis:210px;width:210px;padding-left:12px;padding-right:12px}.workspace{width:calc(100% - 210px);margin-left:210px}.page{padding:32px 27px}.topbar{padding:0 27px}.hero-copy{padding:27px}.hero-visual{min-width:230px;padding:0 18px 0 0}.hero-window{max-width:280px}.hero-code{gap:13px 7px;padding:22px 12px;font-size:8px}.hero-buttons{gap:15px}.hero-secondary{font-size:10px}.float-card{bottom:57px;right:5px}.stat-strip>div{gap:8px;padding:0 12px}.stat-strip span{font-size:9px}.course-card h3{font-size:16px}.course-card-body{padding:18px}.detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.includes-card{padding:18px}.auth-page{gap:35px;padding:45px 30px}.auth-story h1{font-size:36px}.auth-card{padding:25px}.lesson-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}}@media (max-width:900px){.hero-visual,.hero-copy h2 br{display:none}.hero-copy p{max-width:480px}.hero-panel{min-height:0}.course-grid{gap:16px}.course-meta{gap:9px}.course-meta .level{display:none}.course-intro{gap:25px}.course-art.large{height:240px}.detail-layout{grid-template-columns:1fr}.includes-card{position:static}.includes-card .included{margin-right:20px;display:inline-flex}.auth-page{grid-template-columns:1fr;max-width:500px}.auth-story{display:none}.lesson-layout{grid-template-columns:1fr}.classroom-outline{order:2;max-height:400px;position:static}.account-grid{grid-template-columns:1fr}.pricing-grid{gap:16px}.plan-card{padding:23px}.plan-price{font-size:25px}.plan-feature{font-size:10px}.bottom-banner{flex-wrap:wrap;padding:22px}.bottom-banner .button{margin-left:0}.bottom-banner .banner-icon{padding:0}.footer{padding:22px 27px}.footer>div>span,.continue-card>.course-art{display:none}}@media (max-width:700px){.sidebar{width:235px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace{width:100%;margin:0}.topbar{gap:10px;height:62px;padding:0 20px}.mobile-menu{display:inline-flex}.breadcrumb{gap:8px;margin-right:auto;font-size:10px}.breadcrumb>svg{display:none}.top-actions{gap:8px}.top-divider{display:none}.page{padding:28px 20px}.page-heading{gap:12px;margin-bottom:25px}.page-heading>.text-link{display:none}h1{font-size:33px}.page-heading .eyebrow{letter-spacing:.1em;font-size:8px}.page-heading p{font-size:12px}.hero-copy{padding:25px}.hero-copy h2{font-size:38px}.hero-copy h2 br{display:block}.hero-buttons{flex-wrap:wrap;gap:17px}.hero-checks{gap:13px;font-size:9px}.hero-copy p{font-size:12px}.stat-strip{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px;padding-bottom:23px}.stat-strip>div{padding:0 12px}.stat-strip>div:nth-child(odd){padding-left:0}.stat-strip>div:nth-child(2n){border:0}.stat-strip span{max-width:100px;font-size:10px}.stat-strip b{font-size:23px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.section-heading h2{font-size:23px}.catalog-section .search{width:100%;padding:10px 12px}.filter-row{gap:6px}.filter{padding:6px 9px;font-size:9px}.results-count{display:none}.course-grid{grid-template-columns:1fr;gap:20px}.course-art{height:190px}.course-card h3{font-size:20px}.course-card p{max-width:none;font-size:12px}.course-card-body{padding:20px}.course-meta{gap:18px;font-size:10px}.course-meta .level{display:inline-flex}.bottom-banner{gap:13px}.bottom-banner h3{font-size:15px}.bottom-banner>div:nth-child(2){flex:1}.bottom-banner p{font-size:10px}.bottom-banner .button{width:100%;margin-top:8px}.footer{gap:10px;padding:20px;font-size:8px}.scrim{z-index:20;background:#0008;border:0;display:block;position:fixed;inset:0}.course-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.course-intro h1{font-size:35px}.course-art.large{height:210px}.course-art.large>.mini-browser,.course-art.large>.creative-stack,.course-art.large>.workflow-art,.course-art.large>.outreach-art{transform:scale(1.1)}.curriculum summary{gap:12px;padding:15px}.curriculum h3{font-size:13px}.day-number{padding:6px 9px;font-size:15px}.day-lessons{padding:5px 12px}.lesson-row{gap:8px;font-size:11px}.auth-page{min-height:calc(100dvh - 140px);padding:30px 20px}.auth-card{padding:25px 22px}.pricing-grid{grid-template-columns:1fr;gap:30px}.center-heading h1{font-size:39px}.center-heading p{font-size:12px}.plan-card{padding:28px}.plan-feature{font-size:12px}.plan-price{font-size:31px}.faq summary{font-size:12px}.pricing-note{text-align:left;align-items:flex-start;font-size:9px}.lesson-heading h1{font-size:27px}.player-actions{flex-wrap:wrap}.player-actions .button{font-size:11px}.slide-stage{min-height:270px;padding:23px}.slide-stage h2{font-size:22px}.slide-stage p,.slide-stage li{font-size:11px}.dashboard-stats{gap:9px}.dashboard-stats>div{flex-direction:column;align-items:flex-start;padding:15px 12px;display:flex}.dashboard-stats svg{width:17px;margin-bottom:10px}.dashboard-stats b{font-size:25px}.dashboard-stats span{font-size:9px}.continue-card>div:first-child{padding:25px}.continue-card h2{font-size:23px}.path-row{gap:15px;padding:18px}.path-row h3{font-size:14px}.path-number{font-size:23px}.panel{padding:20px}.admin-summary{gap:14px}.admin-summary p{display:none}.student-actions{flex-wrap:wrap}.top-actions .user-chip>span:last-child{display:none}.pagination{gap:10px;font-size:9px}.profile-details{grid-template-columns:70px 1fr}.locked-panel{padding:38px 20px}.locked-panel h2{font-size:24px}.resource span{font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.brand{letter-spacing:.12em;flex-direction:column;gap:12px;margin:0 0 30px}.brand-logo{object-fit:contain;border-radius:8px;width:144px;height:144px;display:block}.brand .brand-sub{color:var(--gold);letter-spacing:.32em;margin:0;font-size:11px}h1,h2,h3{letter-spacing:-.025em;font-weight:700}.button.gold{color:#1a1a1a;background:#d4af37}:root[data-theme=light] .hero-window,:root[data-theme=light] .mini-browser{color:#1a1a1a;background:#fff;border-color:#d4af3760;box-shadow:0 16px 35px #88680b12}:root[data-theme=light] .window-bar,:root[data-theme=light] .window-success{color:#66521b;border-color:#e6e6e6}:root[data-theme=light] .hero-code .code-indent,:root[data-theme=light] .hero-code .code-gold{color:#88680b}:root[data-theme=light] .float-card{color:#1a1a1a;background:#fff;border-color:#d4af3760}:root[data-theme=light] .float-card small{color:#66615a}:root[data-theme=light] .float-icon{color:#88680b;border-color:#d4af3760}:root[data-theme=light] .course-art{color:#88680b;background:linear-gradient(135deg,#fffcf3,#f4eacb)}:root[data-theme=light] .art-grid{background-image:linear-gradient(#d4af3712 1px,#0000 1px),linear-gradient(90deg,#d4af3712 1px,#0000 1px)}:root[data-theme=light] .week-pill{color:#88680b;background:#fff;border-color:#d4af3760}:root[data-theme=light] .preview-pill{color:#1a1a1a;background:#d4af37}:root[data-theme=light] .code-symbol,:root[data-theme=light] .mock-columns>i{color:#88680b;background:#faf5e5;border-color:#d4af3750}:root[data-theme=light] .mock-line{background:#88680b30}:root[data-theme=light] .creative-card.front,:root[data-theme=light] .creative-card.back,:root[data-theme=light] .flow-node,:root[data-theme=light] .outreach-row{color:#66521b;background:#fff;border-color:#d4af3750;box-shadow:0 10px 25px #88680b15}:root[data-theme=light] .creative-card small{color:#88680b}:root[data-theme=light] .gold-node,:root[data-theme=light] .mini-avatar{color:#66521b;background:#f4eacb}:root[data-theme=light] .status-dot,:root[data-theme=light] .sent-dot{background:#d4af37}@media (max-height:850px) and (min-width:701px){.sidebar{padding-top:20px;overflow-y:auto}.brand-logo{width:108px;height:108px}.brand{margin-bottom:22px}.sidebar-bottom{padding-top:20px}.upgrade-card{margin-bottom:14px;padding:14px}}