:root{color-scheme:light;--ink:#151414;--muted:#6f6660;--paper:#fffdfb;--blush:#f8e8d9;--blush-strong:#efcfb8;--red:#df1b25;--red-dark:#b80f19;--line:#d9c4b5;--green:#237b52;--shadow:0 22px 60px #542f181f}*{box-sizing:border-box}html{background:var(--blush);min-width:320px;max-width:100%;overflow-x:hidden}body{max-width:100%;color:var(--ink);background:var(--blush);margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}main,section,article,aside,form,div{min-width:0}img,video,iframe{max-width:100%}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}[hidden]{display:none!important}.learn-header{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:18px clamp(20px,5vw,72px);display:flex}.brand{grid-template-rows:auto auto;grid-template-columns:26px auto;align-items:center;column-gap:10px;text-decoration:none;display:grid}.brand-mark{background:var(--red);border-radius:13px 13px 8px 8px;grid-row:1/3;width:26px;height:42px;box-shadow:inset 0 -8px #00000014}.brand-name{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);font-style:italic;line-height:1}.brand-caption{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.header-actions{align-items:center;gap:22px;display:flex}.header-actions a,.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.text-button{text-underline-offset:4px;text-decoration:underline}.auth-shell,.cabinet-shell,.course-shell,.lesson-shell{width:min(1180px,100% - 40px);margin:0 auto}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,7vw,96px);min-height:calc(100vh - 190px);padding:clamp(48px,9vw,120px) 0;display:grid}.auth-copy h1,.dashboard-heading h1,.course-heading h1,.lesson-main h1{max-width:780px;margin:0 0 24px;font-family:Georgia,serif;font-size:clamp(44px,7vw,86px);font-style:italic;font-weight:700;line-height:.98}.auth-copy>p:last-child{max-width:680px;color:var(--muted);font-size:clamp(18px,2.2vw,24px)}.eyebrow{color:var(--red);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:800}.auth-card{background:var(--paper);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--red);padding:clamp(28px,5vw,52px)}.auth-card label{margin-bottom:10px;font-weight:800;display:block}.auth-card input{border:1px solid var(--line);background:#fff;border-radius:0;width:100%;min-height:58px;margin-bottom:18px;padding:12px 16px}.auth-card input:focus{border-color:var(--red);outline:3px solid #df1b2540}.primary-button,.secondary-button{background:var(--red);color:#fff;text-align:center;white-space:normal;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;min-height:52px;padding:14px 22px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:var(--red-dark);transform:translateY(-1px)}.secondary-button{background:var(--ink)}.auth-card .primary-button{width:100%}.form-note,.status{color:var(--muted);font-size:14px}.status{min-height:24px}.status.is-error{color:var(--red-dark)}.cabinet-shell,.course-shell,.lesson-shell{min-height:calc(100vh - 190px);padding:56px 0 90px}.dashboard-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px;display:flex}.dashboard-heading h1,.course-heading h1,.lesson-main h1{font-size:clamp(42px,6vw,70px)}.student-email{color:var(--muted)}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;display:grid}.course-card,.empty-card,.progress-card,.lesson-aside{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(24px,4vw,42px)}.course-card h2,.empty-card h2,.lesson-aside h2{margin:0 0 14px;font-family:Georgia,serif;font-size:34px;font-style:italic}.course-card dl{gap:10px;margin:24px 0;display:grid}.course-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;display:flex}.course-card dt{color:var(--muted)}.course-card dd{text-align:right;margin:0;font-weight:700}.mini-progress,.progress-track{background:#eadfd8;height:8px;overflow:hidden}.mini-progress span,.progress-track span{background:var(--red);height:100%;display:block}.progress-copy{color:var(--muted);font-size:14px}.empty-card{max-width:720px}.back-link{color:var(--red-dark);margin-bottom:32px;font-weight:800;display:inline-block}.course-heading{grid-template-columns:1fr auto;align-items:end;gap:42px;margin-bottom:36px;display:grid}.course-heading p{max-width:720px;font-size:19px}.course-meta{gap:8px;min-width:220px;display:grid}.course-meta span{border-bottom:1px solid var(--line);padding:8px 0;font-weight:700}.progress-card{grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-bottom:42px;display:grid}.progress-card p{color:var(--muted);margin:0}.progress-card strong{font-size:28px}.progress-track{height:12px}.course-shell h2{margin:0 0 22px;font-family:Georgia,serif;font-size:38px;font-style:italic}.lessons-list{gap:10px;display:grid}.lesson-card{background:var(--paper);border:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:center;gap:18px;min-height:74px;padding:14px 18px;text-decoration:none;transition:border .2s,transform .2s;display:grid}.lesson-card:hover{border-color:var(--red);transform:translate(3px)}.lesson-number{color:var(--red);font-family:Georgia,serif;font-size:24px;font-style:italic}.lesson-name{font-weight:800}.lesson-state{color:var(--muted);font-size:14px}.lesson-card.is-complete .lesson-state{color:var(--green);font-weight:800}.lesson-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.video-frame{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow);background:#171313;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-placeholder{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.lesson-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.complete-control{cursor:pointer;align-items:center;gap:12px;font-weight:800;display:flex}.complete-control input{width:24px;height:24px;accent-color:var(--red)}.lesson-nav{align-items:center;gap:18px;display:flex}.lesson-aside{position:sticky;top:24px}.quiz-placeholder{background:var(--blush);border-left:4px solid var(--red);margin-top:24px;padding:20px}.learn-footer{background:var(--ink);color:#fff;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,72px);font-size:14px;display:flex}@media (width<=780px){.learn-header{align-items:flex-start;gap:12px;padding:14px 16px}.brand{grid-template-columns:22px auto;column-gap:8px;min-width:0}.brand-mark{width:22px;height:38px}.brand-name{white-space:nowrap;font-size:clamp(26px,8vw,32px)}.brand-caption{letter-spacing:.12em;font-size:8px}.header-actions{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:8px;max-width:94px;font-size:12px;line-height:1.25}.auth-shell,.cabinet-shell,.course-shell,.lesson-shell{width:calc(100% - 32px)}.auth-shell{grid-template-columns:minmax(0,1fr);padding:42px 0 68px}.auth-copy h1,.dashboard-heading h1,.course-heading h1,.lesson-main h1{overflow-wrap:anywhere;font-size:clamp(38px,12vw,52px)}.auth-copy>p:last-child{font-size:18px}.auth-card{box-shadow:7px 7px 0 var(--red)}.dashboard-heading,.course-heading{display:block}.course-meta{margin-top:24px}.progress-card,.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static}.lesson-actions{flex-direction:column;align-items:stretch}.lesson-nav{flex-wrap:wrap;justify-content:space-between}.lesson-card{grid-template-columns:48px 1fr}.lesson-state{grid-column:2}.learn-footer{flex-direction:column}}
