:root{--bg:#0b0c0f;--panel:#14161c;--panel2:#1a1d25;--text:#f5f5f1;--muted:#9da3ad;--accent:#f2c65d;--line:#2a2e37;--ok:#73d39b;--danger:#ef8d8d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button:disabled{opacity:.55;cursor:not-allowed}.container{max-width:1180px;margin:auto;padding:44px 22px}.container.narrow{max-width:650px}.nav{position:sticky;top:0;z-index:20;background:rgba(11,12,15,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;letter-spacing:.08em}.brand em{font-style:normal;color:var(--accent)}.links{display:flex;gap:18px;color:#d5d8de;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 15px;font-weight:800;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.btn.slim{padding:8px 12px}.btn.primary{background:var(--accent);color:#181306;border-color:var(--accent)}.btn.full{width:100%}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:72px 0}.kicker{text-transform:uppercase;color:var(--accent);font-weight:850;letter-spacing:.17em;font-size:12px}.hero h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.055em;line-height:.92;margin:14px 0 22px}.page-title{font-size:clamp(40px,5vw,64px);letter-spacing:-.045em;line-height:1;margin:12px 0 18px}.lead{font-size:20px;line-height:1.55;color:#c7cbd2;max-width:720px}.lead.small{font-size:18px}.card,.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px}.panel{padding:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden}.thumb{height:145px;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(135deg,#2b303c,#121419);font-size:34px}.body{padding:18px}.meta{color:var(--muted);font-size:14px;line-height:1.5}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#242832;color:#d8dbe1;font-size:12px}.price{font-weight:900;margin-top:12px}.price.big{font-size:28px}.section{margin-top:52px}h2{font-size:38px;letter-spacing:-.035em;margin:8px 0 20px}h2.compact{font-size:32px;margin-bottom:5px}h3{margin:0 0 8px}.course-layout{display:grid;grid-template-columns:1fr 360px;gap:28px}.modules{display:grid;gap:12px}.module{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel)}.module-title{display:flex;gap:10px;align-items:center}.module-title span{color:var(--accent);font-weight:900}.module-title input{width:100%;background:transparent;border:0;border-bottom:1px solid transparent;color:white;font-size:18px;font-weight:800;padding:5px}.module-title input:focus{outline:none;border-color:var(--line)}.lesson{padding:10px 0;border-top:1px solid var(--line);color:#d6dae0}.lesson.rich p{margin:5px 0;color:#c5cad1}.lesson.rich small{color:var(--muted)}.progress{height:8px;border-radius:100px;background:#292d35;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.stat b{display:block;font-size:34px}.stat small{color:var(--muted)}.form{display:grid;gap:12px}.input{width:100%;background:#0e1014;color:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}.textarea{min-height:120px;resize:vertical}.textarea.short{min-height:86px}.callout,.notice{padding:12px 14px;background:#1d1a10;border:1px solid #554a25;color:#e8d895;border-radius:12px;font-size:14px}.callout{margin:16px 0}.footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:32px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.grow{flex:1 1}.spacer{height:12px}.divider{height:1px;background:var(--line);margin:18px 0}.creator-grid{display:grid;grid-template-columns:340px 1fr;gap:28px;margin-top:30px;align-items:start}.sticky-panel{position:sticky;top:82px;display:grid;gap:9px}.metric{border:1px solid var(--line);border-radius:14px;padding:12px 18px;text-align:center}.metric b{display:block;font-size:26px}.metric span{font-size:12px;color:var(--muted)}.auth-card{margin-top:28px}.center{text-align:center}.text-link{color:var(--accent)}.course-hero{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:center;padding-top:30px}.course-poster{height:220px;border-radius:12px;background:radial-gradient(circle at 70% 20%,#4a5365,#171a21 55%,#0d0f13);display:flex;align-items:center;justify-content:center;font-size:80px;margin-bottom:16px}.learning-grid{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}.syllabus{position:sticky;top:82px}.syllabus-module{display:grid;gap:5px;border-top:1px solid var(--line);padding:12px 0}.syllabus-module span{font-size:13px;color:var(--muted);padding-left:8px}.video-frame{aspect-ratio:16/9;background:#08090b;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px}.video-frame small{font-size:12px;color:var(--muted);max-width:420px;text-align:center}.lesson-content{max-width:800px;padding:28px 6px;line-height:1.7}.lesson-title{font-size:44px}.resume{gap:16px;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:15px;margin-bottom:12px}.resume,.resume-icon{display:flex;align-items:center}.resume-icon{width:72px;height:72px;justify-content:center;background:#20242c;border-radius:12px;font-size:30px}.status-dot{font-size:12px;color:var(--ok);border:1px solid #305742;background:#102019;padding:7px 10px;border-radius:999px}.check{padding:10px 0;border-top:1px solid var(--line);color:var(--ok)}.check.pending{color:var(--muted)}@media(max-width:900px){.course-hero,.course-layout,.creator-grid,.hero,.learning-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.links{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.sticky-panel,.syllabus{position:static}}@media(max-width:580px){.dashboard-grid,.grid{grid-template-columns:1fr}.container{padding:32px 16px}.nav-inner{padding:12px 16px}.hero{padding:34px 0}.hero h1{font-size:52px}.resume{align-items:flex-start;flex-wrap:wrap}.resume .grow{min-width:190px}}.lesson-link{display:block;padding:10px 12px;margin:4px 0;border-radius:8px;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}.lesson-link:focus-visible,.lesson-link:hover{background:#252a32;outline:2px solid #f5cd60}.lesson-link[aria-current=page]{background:#f5cd60;color:#161616;font-weight:700}.lesson-navigation{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:28px}.lesson-body{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere;margin:24px 0}.learning-grid>section{min-width:0}.lesson-content{padding-top:20px}@media(max-width:700px){.resume{flex-wrap:wrap}.resume .grow{min-width:180px}.lesson-title{overflow-wrap:anywhere}}.editor-page{max-width:1000px}.record-editor{margin:20px 0}.record-editor fieldset{border:0;padding:0;min-width:0}.record-editor label{display:block;margin:16px 0}.editor-content{min-height:320px;line-height:1.7;resize:vertical}.editor-lesson{border-top:1px solid #353a42;padding:18px 0}summary{cursor:pointer;font-weight:600;padding:10px 0}.record-editor button{margin-top:16px}.record-editor select option{background:#161a20;color:white}.nav .links,.rich-toolbar{flex-wrap:wrap}.rich-toolbar{display:flex;gap:6px;padding:12px;background:#1d232c;border-radius:10px 10px 0 0}.rich-toolbar .btn[aria-pressed=true]{background:#f5cd60;color:#111}.rich-writing{min-height:320px;border:1px solid #48505d;border-radius:0 0 10px 10px;padding:24px;outline:none;line-height:1.8;overflow-wrap:anywhere}.rich-writing:focus{border-color:#f5cd60;box-shadow:0 0 0 1px #f5cd60}.rich-preview,.rich-reading{line-height:1.8;overflow-wrap:anywhere}.rich-reading p,.rich-writing p{margin:0 0 16px;white-space:pre-wrap}.rich-reading ul,.rich-writing ul{list-style:disc;padding-left:28px}.rich-reading ol,.rich-writing ol{list-style:decimal;padding-left:28px}.rich-reading h2,.rich-writing h2{font-size:1.7rem;margin:28px 0 12px}.rich-reading h3,.rich-writing h3{font-size:1.3rem;margin:20px 0 8px}.rich-reading img,.rich-writing img{display:block;max-width:100%;height:auto;margin:18px 0;border-radius:10px}.rich-reading blockquote,.rich-writing blockquote{border-left:3px solid #f5cd60;padding-left:20px;margin:18px 0}.lesson-resources a,.rich-reading a,.rich-writing a{text-decoration:underline;color:#f5cd60}.rich-preview{border:1px solid #48505d;padding:24px;border-radius:12px;margin-top:16px}.lesson-resources{padding:16px 0}.lesson-resources ul{padding-left:20px}.lesson-resources li{margin:10px 0;overflow-wrap:anywhere}.lesson-resources .btn{margin-left:12px}.upload-label input{display:block;margin:12px 0;max-width:100%}.activity-form{display:grid;gap:14px;margin:20px 0}.activity-form label{display:grid;gap:8px}.activity-form input,.activity-form textarea{width:100%;box-sizing:border-box}.activity-form .activity-check{display:flex;align-items:center;gap:10px}.activity-check input{width:auto}.activity-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.activity-submission{border-top:1px solid #343840;padding:20px 0}.activity-submission summary{cursor:pointer}.lesson-activity{margin:28px 0}.lesson-activity h4{margin:16px 0}.activity-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}.creator-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.creator-grid>*{min-width:0}.creator-grid .sticky-panel{grid-template-columns:minmax(0,1fr)}.creator-grid button,.creator-grid input,.creator-grid textarea{min-width:0;max-width:100%}.creator-grid .lesson,.creator-grid .notice,.creator-grid h2{overflow-wrap:anywhere}.lesson-ai{margin:24px 0;padding:16px;border:1px solid #554a25;border-radius:12px;background:#181910;min-width:0}.lesson-ai label{display:block}.ai-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-selection{max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;border-left:3px solid var(--accent);padding-left:12px}.ai-proposal{margin-top:24px}.ai-proposal textarea{line-height:1.7;resize:vertical}.lesson-ai .notice{overflow-wrap:anywhere}@media(max-width:900px){.creator-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:580px){.ai-options{grid-template-columns:minmax(0,1fr)}}.brand-logo{display:flex;flex:0 0 auto;align-items:center;background:transparent;padding:3px 6px;line-height:0}.brand-logo img{display:block;width:112px;height:auto;object-fit:contain}.brand-logo:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:580px){.brand-logo img{width:90px}}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.category-filters .btn{white-space:normal;text-align:left}