@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&display=swap');
:root{color-scheme:dark;--bg:#0a0604;--panel:#1a0800;--line:rgba(232,69,10,.15);--text:#f5f0eb;--muted:#8a7a72;--gold:#e8450a;--side:244px;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}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}button:disabled{opacity:.45;cursor:not-allowed}a,button{touch-action:manipulation}button{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Bebas Neue',sans-serif;line-height:1.25;letter-spacing:-.045em}h1{font-size:clamp(30px,3vw,42px);font-weight:700}h2{font-size:24px;font-weight:650}h3{font-size:17px;font-weight:650}em{font-family:'Bebas Neue',sans-serif;font-weight:400;font-style:italic;letter-spacing:-.035em}.muted{color:var(--muted)}.micro{font-size:12px}.tiny{font-size:10px;letter-spacing:.15em}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.5}.gold-text{color:var(--gold)}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:100%;margin-right:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 19px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#f5f0eb}.primary:hover{background:#c23b0a}.ghost{border-color:#3c3e42;background:transparent}.ghost:hover{background:#242629}.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.text-link:hover{color:var(--gold)}.icon-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:6px}.icon-button:hover{background:var(--panel)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--gold);padding:10px;color:#111}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.brand{display:flex;gap:13px;align-items:center}.brand-mark{font:800 32px 'Bebas Neue',sans-serif;line-height:43px;display:block;width:43px;height:43px;position:relative;overflow:hidden;color:var(--gold);letter-spacing:-8px;border:1px solid #484239;border-radius:9px;padding-left:4px}.brand-mark span{font-size:27px;position:absolute;top:1px;right:9px;color:var(--gold)}.brand-type{font-size:13px;font-weight:700;letter-spacing:.12em;line-height:1.2}.brand-type small{display:block;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.32em;margin-top:6px}.sidebar{width:var(--side);position:fixed;inset:0 auto 0 0;background:#0a0604;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 20px;z-index:50}.sidebar .brand{margin:0 9px 47px}.sidebar-label{color:#686e77;letter-spacing:.15em;font-size:9px;padding:0 15px;margin-bottom:15px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#93979f;border-radius:6px;font-size:12px}.nav-item:hover{color:#eee;background:#202225}.nav-item.active{background:#2b2924;color:var(--gold);box-shadow:inset 2px 0 var(--gold)}.nav-count{margin-left:auto;border:1px solid #605642;border-radius:5px;font-size:9px;padding:0 5px}.sidebar-bottom{margin-top:auto}.studio-note{margin:30px 15px 36px}.studio-note .eyebrow{font-size:8px;color:#6e737b}.studio-note p{font:400 19px 'Bebas Neue',sans-serif;color:#b0aba2;line-height:1.6;margin-top:15px}.studio-line{display:block;margin-top:18px;width:32px;height:1px;background:#605642}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:20px 8px 0}.profile strong{font-size:12px;font-weight:500}.profile small{display:block;font-size:10px;color:var(--muted)}.profile svg{margin-left:auto;width:14px;color:#71767e}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3b3428;color:var(--gold);font:600 14px 'Bebas Neue',sans-serif}.workspace{margin-left:var(--side);min-height:100vh}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(16,17,18,.96)}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:11px;color:#898f98}.breadcrumb strong{font-weight:500;color:#d7d9dd}.slash{color:#4a4d51}.top-actions{display:flex;align-items:center;gap:18px}.mode-pill{display:inline-flex;align-items:center;font-size:8px;letter-spacing:.1em;border:1px solid #373b40;border-radius:20px;padding:5px 10px;color:#b0b5bb;white-space:nowrap}.mode-pill .dot{width:4px;height:4px}.top-actions .icon-button{width:31px;height:31px}.top-actions svg{width:16px}.preview-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:9px 42px;background:#222019;border-bottom:1px solid #3a3428;color:#c9ba9c;font-size:10px}.preview-banner button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:transparent;color:var(--gold);font-size:10px}.preview-banner svg{width:14px}.workspace main{max-width:1360px;margin:auto;padding:36px 42px 45px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-heading .eyebrow{color:#8f949b;margin-bottom:10px}.page-heading p{margin-top:11px;font-size:12px}.heading-chip{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;color:#8b9098;white-space:nowrap;padding-bottom:5px}.heading-chip svg{width:14px;color:var(--gold)}.feature{display:grid;grid-template-columns:1.15fr 1fr;min-height:310px;border:1px solid #38362f;background:linear-gradient(120deg,#22211e,#191b1d 70%);border-radius:9px;overflow:hidden;position:relative}.feature-content{padding:36px 34px;position:relative;z-index:1}.feature-content h2{font-size:clamp(28px,2.9vw,39px);line-height:1.25;margin:15px 0}.feature-content p{color:#acaaa5;font-size:12px;line-height:1.9;margin-bottom:23px}.feature-content h2 em{color:var(--gold);font-size:1.08em}.feature-content .button{padding:12px 17px}.feature-caption{display:block;font-size:8px;letter-spacing:.1em;color:#7d7c76;margin-top:23px}.feature-caption span{padding:0 8px}.feature-visual{position:relative;align-self:center;padding:23px 28px 17px 5px;transform:rotate(-5deg);perspective:800px}.film-frame{height:238px;position:relative;background:#090a0b;border:1px solid #474137;box-shadow:0 10px 45px #0006;overflow:hidden;border-radius:5px}.film-top{font:8px monospace;color:#93846b;position:absolute;inset:15px 17px auto;z-index:2;letter-spacing:2px;display:flex;justify-content:space-between}.film-top i{font-style:normal}.film-v{position:absolute;font:600 175px 'Bebas Neue',sans-serif;top:9px;left:50%;transform:translateX(-50%);line-height:1.3;color:transparent;background:linear-gradient(130deg,#f6e8c8 5%,#7d6c4d 45%,#2b2b29 63%,#e3c797 85%);-webkit-background-clip:text;background-clip:text;letter-spacing:-.13em;padding-right:.12em;text-shadow:0 0 70px #b3934c22}.film-glow{position:absolute;inset:-10%;background:linear-gradient(130deg,transparent 30%,#f1d28c22 42%,transparent 50%);mix-blend-mode:screen}.film-bottom{position:absolute;bottom:17px;left:0;right:0;text-align:center;letter-spacing:4px;color:#887c69;font-size:7px}.timeline{display:flex;align-items:center;gap:8px;padding-top:13px;font:7px monospace;color:#777970}.timeline>div{display:flex;height:16px;gap:2px;position:relative;flex:1}.timeline i{background:#4c4d41;border:1px solid #72735c;flex:1;border-radius:2px}.timeline i:nth-child(2){background:#706247;flex:1.5}.timeline i:nth-child(3){background:#3c4743}.timeline b{position:absolute;left:36%;height:24px;background:var(--gold);width:1px;top:-4px}.timeline b:before{content:'';position:absolute;top:-2px;left:-3px;border:4px solid transparent;border-top-color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;margin:21px 0 37px;background:#17191b}.stats>div{display:flex;align-items:center;gap:17px;padding:21px 27px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stat-icon{color:#a09276;background:#272622;width:37px;height:37px;display:grid;place-items:center;border:1px solid #3a372f;border-radius:6px}.stat-icon svg{width:17px}.stats strong{font:600 26px 'Bebas Neue',sans-serif}.stats small{display:block;font:11px 'DM Sans',sans-serif;color:#8b9098;margin-top:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 19px}.section-heading .eyebrow{color:#7c838c;font-size:8px;margin-bottom:7px}.section-heading h2{font-size:22px}.section-heading .text-link{color:#adaaa1}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.course-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1a0800;transition:transform .2s,border-color .2s}.course-card:hover{transform:translateY(-4px);border-color:#68604e}.artwork{height:160px;position:relative;overflow:hidden;background:#222320}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:26px 26px}.art-index{position:absolute;top:14px;left:17px;font:8px monospace;letter-spacing:2px;color:#b9a888}.art-label{position:absolute;bottom:14px;left:17px;font-size:7px;letter-spacing:2px;color:#cbbb9b}.art-number{position:absolute;bottom:10px;right:17px;font:11px monospace;opacity:.45}.art-core{position:absolute;inset:0;display:grid;place-items:center}.orbit{width:100px;height:100px;border:15px solid #c0a87a;border-radius:50%;transform:rotate(-35deg) scaleY(.7);box-shadow:inset -6px -8px 6px #0009,5px 6px 22px #b7a16a3a,0 0 40px #c0a77a11;background:transparent}.beam{position:absolute;width:220px;height:45px;background:linear-gradient(100deg,transparent,#f7e8b526,transparent);transform:rotate(-35deg)}.artwork.gold{background:radial-gradient(ellipse at 55% 50%,#424036,#1b1e1d 70%)}.artwork.purple{background:radial-gradient(ellipse at 50% 30%,#343043,#1e1d26 80%)}.artwork.purple .art-index,.artwork.purple .art-label{color:#c2b0e4}.letter{font:400 70px 'Bebas Neue',sans-serif;color:#c7b7e5;letter-spacing:-7px;transform:rotate(-8deg);position:relative}.letter span{position:absolute;font:28px 'DM Sans';letter-spacing:0;top:-5px;right:-25px;color:#736c8f}.artwork.green{background:radial-gradient(ellipse at 50% 40%,#283f39,#1a2321 75%)}.artwork.green .art-index,.artwork.green .art-label{color:#a1c3b7}.tracks{width:65%;position:relative;transform:rotate(-12deg);display:grid;gap:7px}.tracks i{display:block;height:14px;background:#54776a;border:1px solid #9abbad66;border-radius:3px}.tracks i:nth-child(1){width:75%;margin-left:10%;background:#7d9a79}.tracks i:nth-child(2){width:95%}.tracks i:nth-child(3){width:70%;margin-left:27%;background:#536462}.tracks i:nth-child(4){width:65%;margin-left:17%;background:#354e45}.tracks:after{content:'';position:absolute;top:-15px;left:55%;height:110px;width:1px;background:#d1ddb6}.card-body{padding:18px 18px 17px}.card-meta{display:flex;justify-content:space-between;color:#888e96;font-size:9px;margin-bottom:11px}.card-body h3{font-size:16px;line-height:1.4;margin-bottom:8px}.card-body>p{font-size:11px;color:#878e96;line-height:1.8;min-height:40px}.card-progress{display:grid;grid-template-columns:1fr 16px;gap:9px;margin-top:20px}.progress-track{height:3px;background:#34373b;border-radius:4px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--gold);border-radius:4px}.card-progress .progress-track{grid-column:1 / 3}.card-progress span{font-size:9px;color:#9fa2a7}.card-progress svg{width:15px;height:15px;color:var(--gold)}.resource-strip{display:flex;align-items:center;gap:18px;margin-top:30px;border:1px solid var(--line);padding:23px 25px;border-radius:8px}.resource-strip-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #46413a;border-radius:7px;color:var(--gold)}.resource-strip h3{font-size:14px;letter-spacing:-.015em}.resource-strip p{font-size:11px;margin-top:5px}.resource-strip .button{margin-left:auto;white-space:nowrap;padding:10px 13px}.workspace-foot{max-width:1360px;margin:auto;padding:0 42px 22px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#626971}.menu-button,.nav-backdrop{display:none}.search{display:flex;align-items:center;gap:10px;background:#1a0800;border:1px solid var(--line);border-radius:6px;padding:0 12px;color:#888}.search svg{width:16px}.search input{width:180px;background:transparent;border:0;padding:11px 0;font-size:11px;color:#ddd}.search input:focus{outline:none}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:20px}.filter-chip{font-size:11px;background:#2b2924;color:var(--gold);padding:6px 12px;border:1px solid #4e4637;border-radius:5px}.filter-chip b{font-size:9px;margin-left:8px}.back{margin-bottom:26px;color:#9ba0a8}.course-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:30px}.course-intro h1{margin:13px 0;max-width:490px}.course-intro>div>p{font-size:13px}.course-intro .large{height:250px;border-radius:9px;border:1px solid #3c3830}.course-facts{display:flex;gap:18px;margin:23px 0;font-size:10px;color:#8f959e}.course-facts span{display:flex;align-items:center;gap:6px}.course-facts svg{width:14px}.large .orbit{width:150px;height:150px;border-width:23px}.large .letter{font-size:110px}.large .tracks i{height:25px}.large .tracks:after{height:150px}.module{border:1px solid var(--line);border-radius:8px;margin-bottom:22px;overflow:hidden}.module-head{display:flex;justify-content:space-between;align-items:center;padding:16px 21px;background:#1c1e21}.module-head h3{font-size:12px;letter-spacing:0;color:#c2b495}.module-head>span{font-size:10px;color:#838a94}.lesson-row{display:flex;align-items:center;gap:17px;padding:19px 21px;border-top:1px solid var(--line);background:#17191b}.lesson-row:hover{background:#212326}.lesson-status{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3b3e44;border-radius:50%;font:10px monospace;color:#818a94;flex-shrink:0}.lesson-status.done{border-color:#685b42;background:#2c2923;color:var(--gold)}.lesson-status svg{width:16px}.lesson-row strong{font-size:12px;font-weight:500}.lesson-row small{display:block;font-size:11px;color:#848b96;margin-top:3px}.lesson-kind{margin-left:auto;color:#737c87;font-size:10px;white-space:nowrap}.lesson-row>svg{width:16px;color:#998f7c}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:30px}.lesson-sidebar{border:1px solid var(--line);border-radius:8px;background:#16181a;align-self:start;position:sticky;top:20px;overflow:hidden}.lesson-course-title{padding:21px 19px;border-bottom:1px solid var(--line)}.lesson-course-title .eyebrow{font-size:8px;color:#777f8a}.lesson-course-title h3{font-size:15px;margin:12px 0 18px;line-height:1.6}.lesson-course-title p{font-size:10px;margin-top:8px}.lesson-sidebar nav{padding:12px 9px 15px}.lesson-module-label{font-size:8px;letter-spacing:.08em;color:#707b89;padding:13px 9px 8px}.lesson-nav{display:flex;align-items:center;gap:10px;padding:11px 9px;color:#929aa6;border-radius:5px;font-size:10px;line-height:1.6}.lesson-nav.selected{background:#302b22;color:var(--gold)}.lesson-nav:hover{background:#25272a}.lesson-nav-state{font:9px monospace;width:22px;flex-shrink:0}.lesson-nav-state svg{width:13px;height:13px}.lesson-nav-state.done{color:#afc7ab}.lesson-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.lesson-heading .eyebrow{font-size:8px;margin-bottom:11px}.lesson-heading h1{font-size:30px}.lesson-heading p{font-size:12px;margin-top:12px}.reading-banner{background:radial-gradient(ellipse at 75% 70%,#3a362d,transparent 65%),#1d1e1f;padding:27px;border:1px solid #464034;position:relative;overflow:hidden;border-radius:8px;min-height:205px}.reading-banner>span:first-child{font-size:8px;letter-spacing:.1em;display:flex;gap:8px;align-items:center;color:#ac9873}.reading-banner svg{width:13px}.reading-banner strong{font:600 34px 'Bebas Neue',sans-serif;display:block;line-height:1.3;margin-top:25px;position:relative;z-index:1;letter-spacing:-.03em}.reading-banner em{color:var(--gold)}.reading-number{position:absolute;right:20px;top:0;font:600 155px 'Bebas Neue',sans-serif;letter-spacing:-.1em;color:#e8450a0d}.video-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:17px 0 25px}.lesson-tabs button{border:0;background:transparent;padding:15px 0;color:#8a919c;font-size:11px;border-bottom:2px solid transparent}.lesson-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.guide-body p{font-size:13px;color:#b2b6be;line-height:1.95;margin-bottom:20px}.exercise{padding:23px;border:1px solid #433d31;border-radius:8px;background:#25221c;margin-top:26px}.exercise h3{font-size:18px;margin:10px 0}.exercise p{font-size:12px;line-height:1.9;color:#b7ad9b}.lesson-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;gap:15px}.lesson-pagination{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.lesson-pagination a{font-size:10px;color:#8e98a5}.resource-row{display:flex;align-items:center;width:100%;text-align:left;gap:14px;border:1px solid var(--line);background:#1a1c1f;border-radius:6px;padding:15px;margin-top:12px;font-size:12px}.resource-row>svg:first-child{color:var(--gold)}.resource-row>svg:last-child{margin-left:auto;width:16px}.resource-row small{font-size:10px;color:#8d96a3;display:block;margin-top:5px}.resource-row:hover{border-color:#82755a}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resource-card{padding:25px;border:1px solid var(--line);border-radius:8px;background:#181a1d}.resource-card-top{display:flex;justify-content:space-between;align-items:center;color:#887e69;margin-bottom:26px}.resource-card-top .eyebrow{font-size:8px}.resource-symbol{color:var(--gold);width:40px;height:40px;border:1px solid #484033;border-radius:8px;display:grid;place-items:center}.resource-card h2{font-size:21px}.resource-card p{font-size:12px;line-height:1.8;margin-top:12px;min-height:43px}.resource-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.resource-card-bottom>span{font-size:8px;letter-spacing:.1em;color:#6f7a89}.resource-card-bottom .button{font-size:10px;padding:9px 13px;gap:12px}.callout{display:flex;align-items:center;gap:17px;border:1px solid #3b3730;border-radius:8px;padding:20px 24px;color:#968a72;margin-top:27px}.callout p{font-size:11px;line-height:1.8}.progress-overview{display:flex;align-items:center;gap:40px;border:1px solid var(--line);background:#1a1c1e;border-radius:10px;padding:35px}.progress-circle{width:145px;height:145px;border-radius:50%;padding:5px;background:conic-gradient(var(--gold) var(--percent),#36393d 0);flex-shrink:0}.progress-circle>div{height:100%;width:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1c1e}.progress-circle strong{font:600 34px 'Bebas Neue',sans-serif}.progress-circle span{font-size:7px;letter-spacing:.2em;color:#8e98a3;margin-top:6px}.progress-overview h2{margin-bottom:12px;font-size:26px}.progress-overview p{font-size:12px;margin-bottom:22px}.progress-list{display:grid;gap:16px}.progress-course{display:flex;align-items:center;gap:20px;background:#1a0800;border:1px solid var(--line);padding:24px;border-radius:8px}.progress-course-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;background:#2e2b25;color:var(--gold)}.progress-course-icon.purple{background:#312b3d;color:#b8a3d8}.progress-course-icon.green{background:#233d32;color:#9fbdad}.progress-course>div{flex:1}.progress-course h3{font-size:15px;margin-bottom:6px}.progress-course .progress-track{margin-top:12px;max-width:400px}.progress-course>strong{font:500 22px 'Bebas Neue',sans-serif;color:var(--gold)}.progress-course>svg{width:16px;color:#787f89}.account-card{border:1px solid var(--line);border-radius:8px;background:#191b1d;padding:27px;margin-bottom:22px;max-width:800px}.account-info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.account-info>svg{color:var(--gold);width:26px;height:26px}.account-info h2{font-size:22px}.account-info .mode-pill{margin-left:auto}.account-card p{font-size:12px;line-height:1.9;margin:12px 0 20px}.account-card>.button{margin-top:6px}.account-card .eyebrow{margin-bottom:13px}.password-form{max-width:400px}.password-form .button{margin-top:15px}.access-page{max-width:720px;margin:50px auto;padding:20px}.access-page .brand{margin-bottom:30px}.access-page .account-card{margin-top:40px}.access-page h1{font-size:29px}.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--line);border-radius:8px}.empty p{font-size:12px;color:var(--muted);margin:14px 0 24px}.login-page{min-height:100vh;background:#131517}.login-header{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:auto;padding:32px 55px}.login-layout{display:grid;grid-template-columns:1.3fr 1fr;max-width:1200px;margin:22px auto 0;min-height:690px;padding:0 35px}.login-story{border-right:1px solid var(--line);padding:28px 70px 25px 20px}.login-story>.eyebrow{color:#8e8677;font-size:8px;display:flex;align-items:center}.login-story h1{font-size:clamp(48px,5.5vw,72px);line-height:1.16;margin:27px 0 23px;letter-spacing:-.07em}.login-story h1 em{color:var(--gold);font-size:1.08em}.login-story>p{font-size:13px;line-height:1.9;color:#a2a4a7}.login-art{margin-top:35px;border:1px solid #454037;border-radius:8px;overflow:hidden;transform:rotate(-2deg)}.login-art .large{height:230px}.login-art .orbit{width:170px;height:170px}.login-art-caption{display:flex;justify-content:center;gap:22px;font-size:7px;letter-spacing:.13em;padding:14px;color:#7d7464;background:#1a1c1b}.login-art-caption span{color:#bfa777}.login-bottom{display:flex;justify-content:space-between;margin-top:45px;letter-spacing:.12em;font-size:7px;color:#8b8e8e}.login-bottom span{color:#515c65}.login-form{padding:36px 25px 20px 65px}.login-form>.eyebrow{color:#b4a17a;margin-bottom:16px}.login-form h2{font-size:26px;line-height:1.5}.login-form>p{font-size:12px;margin-top:12px}.invite-note{display:flex;gap:12px;margin:29px 0 25px;padding:16px;border:1px solid #454032;background:#26231c;border-radius:6px}.invite-note svg{color:var(--gold);width:17px;margin-top:2px}.invite-note strong{font-size:11px;color:#d5c29c;font-weight:500}.invite-note p{font-size:10px;line-height:1.8;margin-top:6px;color:#aa9d87}label{display:block;font-size:11px;color:#abb0b8;margin-bottom:8px}input,textarea,select{color:var(--text);background:#1a0b06;border:1px solid #373b40;border-radius:5px;padding:12px 13px;width:100%;font-size:12px}input::placeholder,textarea::placeholder{color:#626b77}textarea{resize:vertical;line-height:1.8;min-height:130px}.login-form input{margin-bottom:18px}.form-error{font-size:11px;color:#e4aa90;line-height:1.8;margin-bottom:12px;min-height:0}.form-error:empty{display:none}.login-links{display:flex;justify-content:space-between;gap:15px;margin-top:16px}.login-links button{border:0;background:transparent;font-size:9px;color:#a69a83;padding:0}.preview-divider{position:relative;text-align:center;border-bottom:1px solid var(--line);height:13px;margin:27px 0}.preview-divider span{display:inline-block;background:#131517;padding:0 12px;font-size:7px;color:#687380;letter-spacing:.12em}.login-form>.micro{text-align:center;font-size:9px;line-height:1.8;margin-top:15px}.login-foot{margin-top:40px;font-size:8px;color:#626b77}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:25px;color:#969da6}.loading-screen p{text-align:center;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e1d1b1;color:#1b1b1b;border:1px solid #f0e1c3;border-radius:6px;padding:13px 20px;font-size:12px;z-index:200;box-shadow:0 5px 30px #0008;transition:.2s;width:max-content;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#1a0800;color:var(--text);border:1px solid #504735;border-radius:10px;width:600px;max-width:94vw;max-height:90vh;padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dialog-head .eyebrow{font-size:8px;margin-bottom:8px}dialog input,dialog textarea,dialog select{margin-bottom:15px}.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.checkbox-label{display:flex;align-items:center;gap:10px;margin:5px 0 20px}.checkbox-label input{width:auto;margin:0;accent-color:var(--gold)}
@media(min-width:1500px){.feature{min-height:345px}.feature-content{padding:39px}.film-frame{height:270px}.film-v{font-size:200px}.artwork{height:185px}}
@media(max-width:1150px){:root{--side:210px}.sidebar{padding:25px 14px}.topbar{padding:0 27px}.workspace main{padding:30px 27px 35px}.preview-banner{padding:9px 27px}.feature-content{padding:28px}.feature-visual{padding-right:18px}.film-frame{height:210px}.film-v{font-size:155px}.feature-content h2{font-size:32px}.course-grid{gap:13px}.card-body{padding:16px 14px}.card-body h3{font-size:15px}.stats>div{padding:19px;gap:13px}.lesson-layout{grid-template-columns:200px 1fr;gap:22px}.lesson-heading h1{font-size:26px}.login-story{padding-right:45px}.login-form{padding-left:40px}}
@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid .course-card:last-child{grid-column:auto}.feature{grid-template-columns:1fr}.feature-visual{display:none}.feature-content{padding:30px}.feature-content h2{font-size:36px}.feature-caption{margin-top:20px}.feature{min-height:290px}.stats{margin-bottom:27px}.stats>div{padding:16px 12px;gap:10px}.stat-icon{display:none}.stats small{font-size:10px}.stats strong{font-size:24px}.heading-chip{display:none}.resource-strip{flex-wrap:wrap;padding:20px}.resource-strip .button{margin-left:60px}.course-intro{gap:20px;grid-template-columns:1fr}.course-intro .artwork{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:relative;top:0}.lesson-sidebar nav{max-height:180px;overflow:auto}.lesson-course-title{padding:17px 20px}.lesson-course-title h3{margin:7px 0 12px}.resource-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr 1fr;padding:0 25px;margin-top:15px}.login-header{padding:28px 40px}.login-header .tiny{display:none}.login-story{padding:30px 30px 20px 10px}.login-story h1{font-size:53px}.login-form{padding:33px 5px 20px 28px}.login-form h2{font-size:23px}.login-art .large{height:190px}.login-bottom{display:block}.login-bottom span{display:block;margin-top:8px}.progress-overview{padding:25px;gap:25px}.progress-overview h2{font-size:22px}.progress-circle{width:120px;height:120px}.search input{width:130px}}
@media(max-width:650px){:root{--side:244px}.sidebar{transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:40}.workspace{margin-left:0}.menu-button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-right:4px;border:0}.topbar{height:62px;padding:0 18px}.breadcrumb{gap:10px;font-size:10px}.top-actions{gap:10px}.mode-pill{font-size:7px;padding:4px 8px}.top-actions .icon-button{width:27px;height:27px}.preview-banner{padding:10px 20px;align-items:flex-start;font-size:9px}.preview-banner span{max-width:220px}.preview-banner button{font-size:9px;gap:4px;margin-top:2px}.workspace main{padding:28px 20px 30px}.page-heading{margin-bottom:23px;align-items:flex-start;flex-direction:column;gap:18px}.page-heading h1{font-size:31px}.page-heading p{font-size:11px;max-width:350px;line-height:1.9}.feature-content{padding:27px 24px}.feature-content h2{font-size:33px}.feature-content p{font-size:11px}.feature-content .eyebrow{font-size:8px}.feature-caption{font-size:7px}.stats>div{padding:16px 10px}.stats strong{font-size:23px}.stats small{font-size:8px;line-height:1.6}.stats{margin:18px 0 27px}.section-heading{gap:10px}.section-heading h2{font-size:21px}.section-heading .text-link{font-size:9px;gap:5px}.section-heading svg{width:15px}.section-heading .eyebrow{font-size:7px}.course-grid{grid-template-columns:1fr;gap:18px}.artwork{height:185px}.card-body{padding:20px}.card-meta{font-size:10px}.card-body h3{font-size:19px}.card-body>p{font-size:12px;min-height:auto}.card-progress{margin-top:22px}.resource-strip{gap:12px;padding:18px}.resource-strip-icon{width:34px;height:34px}.resource-strip>div:nth-child(2){width:calc(100% - 50px)}.resource-strip h3{font-size:12px;line-height:1.6}.resource-strip p{font-size:10px}.resource-strip .button{margin-left:46px;font-size:10px}.workspace-foot{padding:0 20px 20px;font-size:6px}.search{width:100%}.search input{width:100%;font-size:12px}.filter-row{font-size:10px}.filter-row .micro{font-size:10px}.course-intro h1{font-size:31px}.course-facts{flex-wrap:wrap;gap:10px;font-size:9px}.course-intro>div>p{font-size:12px}.lesson-row{padding:17px 15px;gap:12px}.lesson-row small{font-size:10px}.lesson-kind{display:none}.lesson-row strong{font-size:11px}.lesson-row>svg{margin-left:auto}.module-head{padding:15px}.lesson-heading h1{font-size:27px}.reading-banner{padding:24px;min-height:180px}.reading-banner strong{font-size:29px}.reading-number{font-size:135px}.lesson-tabs{gap:27px}.guide-body p{font-size:12px}.exercise{padding:19px}.lesson-footer .button{font-size:10px;padding:11px;gap:7px}.lesson-footer .micro{font-size:10px}.progress-overview{flex-direction:column;text-align:center;gap:24px;padding:29px 20px}.progress-overview h2{font-size:23px}.progress-course{padding:19px 15px;gap:13px}.progress-course-icon{width:34px;height:34px}.progress-course h3{font-size:12px;line-height:1.6}.progress-course p{font-size:10px}.progress-course>strong{font-size:17px}.progress-course>svg{display:none}.resource-card{padding:22px}.resource-card h2{font-size:21px}.account-card{padding:23px 20px}.account-info{gap:12px;flex-wrap:wrap}.account-info h2{font-size:18px}.account-info p{font-size:10px;word-break:break-all}.account-info .mode-pill{margin-left:0}.login-header{padding:25px}.login-layout{display:flex;flex-direction:column;margin:0;padding:0 25px 30px}.login-story{border:0;padding:17px 0 28px}.login-story>.eyebrow{font-size:7px}.login-story h1{font-size:49px;margin:23px 0 20px}.login-story>p{font-size:12px}.login-art,.login-bottom{display:none}.login-form{padding:28px 0 0;border-top:1px solid var(--line)}.login-form h2{font-size:26px}.login-form>.eyebrow{font-size:9px}.invite-note{margin:23px 0}.login-links button{font-size:10px}.login-foot{margin-top:28px}.editor-grid{grid-template-columns:1fr}.empty{padding:35px 20px}.empty h1{font-size:27px}.callout{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Victo portfolio identity: #0A0604, #1A0800, #E8450A, #F5F0EB.
   Display: Bebas Neue. Body and controls: DM Sans. */
:root{--bg:#0a0604;--panel:#1a0800;--line:rgba(232,69,10,.15);--text:#f5f0eb;--muted:#8a7a72;--gold:#e8450a;--accent:#e8450a}
body{-webkit-font-smoothing:antialiased;background:var(--bg)}
h1,h2,h3{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.025em;text-transform:uppercase}
em{font-family:'Bebas Neue',sans-serif;font-style:normal;font-weight:400;letter-spacing:.025em}
h1{font-size:clamp(38px,4vw,54px)}h2{font-size:30px}h3{font-size:23px}
.brand-logo{width:66px;height:66px;object-fit:contain;flex-shrink:0;display:block;background:transparent;border-radius:8px}
.brand{gap:9px}.brand-type{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.07em;font-weight:400}.brand-type small{font-family:'DM Sans',sans-serif;letter-spacing:.23em;font-size:8px;color:#8a7a72}
.sidebar{padding-top:23px;background:#0a0604}.sidebar .brand{margin:0 0 38px}.sidebar .brand-logo{width:57px;height:57px}
.nav-item{color:#a18d81}.nav-item:hover{background:#1a0800;color:#f5f0eb}.nav-item.active{background:#e8450a17;color:#ff7035;box-shadow:inset 2px 0 #e8450a}.nav-count{border-color:#e8450a55}
.sidebar-label,.studio-note .eyebrow{color:#8a7a72}.studio-note p{color:#bca397;letter-spacing:.035em;text-transform:uppercase}.studio-line{background:#e8450a}.profile{border-color:#e8450a26}.avatar{background:#3a0e00;color:#ff7035;font-family:'DM Sans',sans-serif}
.topbar{background:#0a0604;border-color:#e8450a26}.breadcrumb{color:#8a7a72}.breadcrumb strong{color:#d5c4ba}.slash{color:#e8450a66}.mode-pill{border-color:#e8450a44;color:#cbb1a1}.icon-button{border-color:#e8450a38}.icon-button:hover{background:#3a0e00}
.preview-banner{background:#1a0800;color:#bca397;border-color:#e8450a26}.preview-banner button{color:#ff7035}.page-heading .eyebrow,.section-heading .eyebrow{color:#c08160}.page-heading p{color:#a58d80}.heading-chip{color:#aa8976}
.button{border-radius:50px}.primary{background:#e8450a;color:#f5f0eb}.primary:hover{background:#c23b0a}.ghost{border-color:#e8450a55;color:#e0c7b9}.ghost:hover{background:#e8450a14}.text-link:hover{color:#ff7035}
.feature{background:radial-gradient(ellipse at 90% 10%,#c23b0a38,transparent 60%),linear-gradient(120deg,#1a0800,#0a0604);border-color:#e8450a38;border-radius:10px;min-height:340px}
.feature-content{padding:36px}.feature-content h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(39px,4.2vw,56px);font-weight:400;line-height:1.04;letter-spacing:.02em;text-transform:uppercase}.feature-content h2 em{color:#e8450a;font-size:1em}.feature-content p{color:#b59a8a}.feature-caption{color:#9e755d}
.feature-visual{transform:none;padding:22px 25px 18px 5px}.film-frame{height:255px;background:#000;border-color:#e8450a55;box-shadow:0 0 70px #e8450a14;border-radius:9px}.film-logo{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}.film-top{color:#c77348;z-index:2;font-size:7px}.film-bottom{color:#9c6a4e;background:#0009;padding:5px;bottom:6px;font-size:6px;z-index:2}.film-glow{background:linear-gradient(120deg,transparent,#e8450a08,transparent);pointer-events:none}.timeline{color:#9e755d}.timeline i{background:#7b230a;border-color:#e8450a55}.timeline i:nth-child(2){background:#c23b0a}.timeline i:nth-child(3){background:#57200b}.timeline b{background:#ff7035}.timeline b:before{border-top-color:#ff7035}
.stats{background:#110703;border-color:#e8450a26}.stats>div{border-color:#e8450a26}.stats strong{font-weight:400;letter-spacing:.03em;font-size:34px}.stats small{color:#a18575}.stat-icon{background:#e8450a12;border-color:#e8450a33;color:#e8450a}
.course-card,.account-card,.resource-card,.progress-course{background:#130904;border-color:#e8450a26}.course-card:hover{border-color:#e8450a88}.card-body h3{font-size:26px;font-weight:400;letter-spacing:.015em}.card-meta{color:#b19b8b}.card-body>p{color:#9a8173}.card-progress span{color:#a48b7d}.progress-track{background:#e8450a1c}.progress-track i{background:#e8450a}
.artwork.gold{background:radial-gradient(ellipse at 55% 50%,#70240a,#1a0800 80%)}.artwork.purple{background:radial-gradient(ellipse at 50% 30%,#8a2a08,#1a0800 80%)}.artwork.green{background:radial-gradient(ellipse at 50% 40%,#4e1504,#0a0604 80%)}.art-index,.art-label,.artwork.purple .art-index,.artwork.purple .art-label,.artwork.green .art-index,.artwork.green .art-label{color:#db966e}
.orbit{border-color:#e8450a;box-shadow:inset -6px -8px 6px #0009,5px 6px 22px #e8450a44,0 0 40px #e8450a11}.beam{background:linear-gradient(100deg,transparent,#e8450a44,transparent)}.letter{font-family:'Bebas Neue',sans-serif;color:#f5f0eb;letter-spacing:0}.letter span{color:#e8450a}.tracks i{background:#a23b16;border-color:#e8450a77}.tracks i:nth-child(1){background:#e8450a}.tracks i:nth-child(3){background:#792006}.tracks i:nth-child(4){background:#461002}.tracks:after{background:#ffab81}
.resource-strip,.module,.lesson-sidebar,.resource-row,.progress-overview{background:#110703;border-color:#e8450a26}.resource-strip-icon,.resource-symbol{border-color:#e8450a55;color:#e8450a}.resource-strip h3{font-size:23px;font-weight:400;letter-spacing:.015em}.resource-strip p{color:#a18575}.workspace-foot{color:#87634f}
.filter-chip{background:#3a0e00;border-color:#e8450a55;color:#ff7035}.search{background:#1a0800;border-color:#e8450a33}.search input{color:#f5f0eb}.module-head{background:#1a0800}.module-head h3{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;color:#ff9b6b;text-transform:none;letter-spacing:0}.module-head>span{color:#a18575}.lesson-row{background:#110703;border-color:#e8450a22}.lesson-row:hover{background:#1a0800}.lesson-status{border-color:#e8450a44;color:#c08160}.lesson-status.done{background:#3a0e00;border-color:#e8450a77;color:#ff7035}.lesson-row small,.lesson-kind{color:#9a8173}.lesson-row>svg{color:#e8450a}.lesson-nav{color:#b89b8a}.lesson-nav.selected{background:#3a0e00;color:#ff9b6b}.lesson-nav:hover{background:#1a0800}.lesson-nav-state.done{color:#ff7035}.lesson-module-label{color:#9b6d50}.lesson-course-title{border-color:#e8450a26}.lesson-course-title h3{font-size:22px;font-weight:400}.lesson-heading h1{font-size:39px}.lesson-heading .eyebrow{color:#e8450a}
.reading-banner{background:radial-gradient(ellipse at 85% 25%,#c23b0a44,transparent 75%),#1a0800;border-color:#e8450a44}.reading-banner>span:first-child{color:#c08160}.reading-banner strong{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:43px;letter-spacing:.02em;line-height:1.1}.reading-number{color:#e8450a18;font-weight:400}.reading-banner em{color:#e8450a}.lesson-tabs{border-color:#e8450a26}.lesson-tabs button{color:#a58d80}.lesson-tabs button[aria-selected=true]{color:#ff7035}.guide-body p{color:#c3ada0}.exercise{background:#1a0800;border-color:#e8450a44}.exercise h3{font-size:24px;font-weight:400}.exercise p{color:#bca397}.resource-row:hover{border-color:#e8450a88}.resource-row small{color:#9a8173}.progress-overview h2{font-size:33px}.progress-circle>div{background:#110703}.progress-circle{background:conic-gradient(#e8450a var(--percent),#3a0e00 0)}.progress-circle strong{font-weight:400;font-size:43px}.progress-course-icon,.progress-course-icon.purple,.progress-course-icon.green{background:#3a0e00;color:#e8450a}.progress-course h3{font-size:23px;font-weight:400}.progress-course>strong{font-size:27px;font-weight:400}.account-info h2{font-size:29px}.account-card p{color:#a58d80}
.login-page{background:radial-gradient(ellipse at 5% 12%,#c23b0a35,transparent 50%),#0a0604}.login-header{border-bottom:1px solid #e8450a1f}.login-story{border-color:#e8450a26}.login-story>.eyebrow{color:#bb744d}.login-story h1{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.04;font-size:clamp(63px,6.3vw,90px)}.login-story h1 em{color:#e8450a;font-size:1em}.login-story>p{color:#b29a8b}.login-art{background:#000;border-color:#e8450a55;transform:none}.login-logo-stage{display:flex;align-items:center;justify-content:center;height:245px;background:#000}.login-logo{width:245px;height:245px;object-fit:contain}.login-art-caption{background:#1a0800;color:#ba805e}.login-art-caption span{color:#e8450a}.login-bottom{color:#c08160}.login-bottom span{color:#8a7a72}.login-form h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:35px;letter-spacing:.02em;line-height:1.2}.login-form>.eyebrow{color:#e8450a}.invite-note{background:#1a0800;border-color:#e8450a44}.invite-note strong{color:#ff9b6b}.invite-note p{color:#a58d80}.login-links button{color:#c08160}.preview-divider{border-color:#e8450a26}.preview-divider span{background:#0a0604;color:#9b6d50}.login-foot{color:#8a7a72}
input,textarea,select{background:#1a0b06;border-color:#e8450a33;color:#f5f0eb}label{color:#c3a99a}input::placeholder,textarea::placeholder{color:#8a6751}dialog{background:#130904;border-color:#e8450a55}#toast{background:#e8450a;border-color:#ff7035;color:#f5f0eb}.form-error{color:#ffa16e}.empty{border-color:#e8450a33}
@media(max-width:1150px){.brand-type{font-size:19px}.sidebar .brand-logo{width:50px;height:50px}.feature-content h2{font-size:44px}.film-frame{height:235px}.login-story h1{font-size:70px}}
@media(max-width:900px){.login-story h1{font-size:64px}.login-form h2{font-size:30px}.feature-content h2{font-size:46px}.feature{min-height:300px}.login-logo-stage,.login-logo{height:195px}.login-logo{width:195px}.progress-overview h2{font-size:29px}}
@media(max-width:650px){.page-heading h1{font-size:43px}.feature-content{padding:27px 24px}.feature-content h2{font-size:46px}.section-heading h2{font-size:29px}.stats strong{font-size:31px}.card-body h3{font-size:30px}.resource-strip h3{font-size:23px}.lesson-heading h1{font-size:36px}.lesson-course-title h3{font-size:26px}.course-intro h1{font-size:43px}.reading-banner strong{font-size:39px}.progress-course h3{font-size:21px}.progress-overview h2{font-size:31px}.resource-card h2{font-size:29px}.account-info h2{font-size:27px}.login-story h1{font-size:67px}.login-form h2{font-size:35px}.login-form{border-color:#e8450a26}.brand-logo{width:62px;height:62px}.brand-type{font-size:23px}.sidebar .brand-type{font-size:22px}}

/* Transparent center emblem lets the page gradient remain continuous. */
.login-art{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.login-logo-stage{height:280px;background:transparent}
.login-logo{width:280px;height:280px;background:transparent;object-fit:contain}
.login-art-caption{background:transparent;padding-top:18px;color:#ba805e}
@media(min-width:1100px){.login-logo-stage{height:300px}.login-logo{width:300px;height:300px}}
@media(min-width:651px) and (max-width:900px){.login-logo-stage{height:230px}.login-logo{width:230px;height:230px}}

.video-wrap mux-player{display:block;width:100%;height:100%;--media-object-fit:contain}.video-status{min-height:1.5rem;margin-top:12px}.private-upload{border:1px solid var(--border,#34241c);border-radius:12px;padding:18px;margin-top:12px}.private-upload .button{margin:12px 0 4px}[data-video-fields][hidden]{display:none}