:root { --pc-ink:#10221d; --pc-paper:#f3efe5; --pc-lime:#d5fb55; --pc-muted:#62706a; --pc-line:rgba(16,34,29,.16); }
.pc-page { background:var(--pc-paper); color:var(--pc-ink); min-height:62vh; font-family:Manrope,Arial,sans-serif; }
.pc-wrap { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.pc-hero,.pc-lesson-head { background:var(--pc-ink); color:#fff; padding:calc(var(--header-height) + 74px) 0 76px; }
.pc-lesson-head { padding-bottom:56px; }
.pc-eyebrow { margin:0 0 14px; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.pc-hero h1,.pc-lesson-head h1,.pc-card h2,.pc-key h2 { font-family:Unbounded,Manrope,sans-serif; letter-spacing:-.06em; line-height:1.06; }
.pc-hero h1 { max-width:920px; margin:0; font-size:clamp(42px,5.8vw,76px); }
.pc-hero h1 span { color:var(--pc-lime); }
.pc-course-hero { position:relative; overflow:hidden; background:var(--forest,#10221d); }
.pc-course-hero::before { position:absolute; z-index:0; inset:0; background:radial-gradient(circle at 77% 50%,rgba(213,251,85,.1),transparent 22%); content:''; pointer-events:none; }
.pc-course-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.78fr); align-items:center; min-height:515px; }
.pc-course-hero-copy { position:relative; z-index:2; }
.pc-course-hero-art { position:relative; width:min(100%,510px); aspect-ratio:1; justify-self:end; isolation:isolate; }
.pc-course-hero-fe { position:absolute; z-index:2; top:50%; left:50%; color:var(--pc-lime); font-family:Unbounded,Manrope,sans-serif; font-size:clamp(88px,13vw,176px); font-weight:700; letter-spacing:-.12em; line-height:1; opacity:.95; transform:translate(-54%,-52%); }
.pc-orbit { position:absolute; top:50%; left:50%; display:block; border:1px solid rgba(255,255,255,.22); border-radius:50%; transform:translate(-50%,-50%); }
.pc-orbit-a { width:82%; height:36%; transform:translate(-50%,-50%) rotate(-25deg); }
.pc-orbit-b { width:84%; height:35%; border-color:rgba(213,251,85,.38); transform:translate(-50%,-50%) rotate(43deg); }
.pc-orbit-c { width:61%; height:61%; border-color:rgba(255,255,255,.12); }
.pc-core { position:absolute; top:50%; left:50%; width:12px; height:12px; border-radius:50%; background:var(--pc-lime); box-shadow:0 0 0 10px rgba(213,251,85,.08); transform:translate(-50%,-50%); }
.pc-hero > .pc-wrap > p:not(.pc-eyebrow) { max-width:650px; margin:24px 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.55; }
.pc-facts { display:flex; flex-wrap:wrap; gap:12px 0; margin:30px 0; }
.pc-facts span { padding:2px 14px; border-left:2px solid var(--pc-lime); font-size:13px; }
.pc-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-block:72px 96px; }
.pc-card { display:flex; min-height:292px; flex-direction:column; padding:28px; border:1px solid var(--pc-line); background:rgba(255,255,255,.28); }
.pc-card h2 { margin:0; font-size:25px; }
.pc-card p:not(.pc-eyebrow) { margin-bottom:28px; color:var(--pc-muted); line-height:1.55; }
.pc-card .button { width:max-content; margin-top:auto; }
.pc-dashboard { padding-block:62px 100px; }
.pc-progress { display:grid; grid-template-columns:auto auto minmax(160px,1fr); gap:15px; align-items:center; margin-bottom:34px; }
.pc-progress b { font-family:Unbounded,Manrope,sans-serif; font-size:18px; letter-spacing:-.06em; }
.pc-progress span { font-size:13px; color:var(--pc-muted); }
.pc-progress i { height:6px; overflow:hidden; background:#d7ded6; border-radius:999px; }
.pc-progress em { display:block; height:100%; background:var(--pc-ink); }
.pc-lessons { border-top:1px solid var(--pc-line); }
.pc-lesson { position:relative; display:grid; min-height:96px; grid-template-columns:44px minmax(0,1fr) auto; gap:18px; align-items:center; padding:16px 2px; border-bottom:1px solid var(--pc-line); }
.pc-lesson > a { position:absolute; inset:0; }
.pc-status { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--pc-line); border-radius:50%; font-size:12px; }
.pc-lesson--complete .pc-status { border-color:var(--pc-ink); background:var(--pc-ink); color:var(--pc-lime); }
.pc-lesson--current .pc-status { border:2px solid var(--pc-ink); font-weight:800; }
.pc-lesson--locked { opacity:.48; }
.pc-lesson h2 { margin:0; font-family:Manrope,Arial,sans-serif; font-size:18px; line-height:1.25; }
.pc-lesson p { margin:5px 0 0; color:var(--pc-muted); font-size:13px; }
.pc-state { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pc-access { margin-top:42px; padding:32px; background:var(--pc-ink); color:#fff; }
.pc-access h2 { max-width:620px; margin:0; font:600 27px/1.15 Unbounded,Manrope,sans-serif; letter-spacing:-.06em; }
.pc-access p:not(.pc-eyebrow) { max-width:650px; color:rgba(255,255,255,.74); }
.pc-back { display:inline-block; margin-bottom:34px; color:rgba(255,255,255,.72); font-size:13px; text-decoration-thickness:1px; text-underline-offset:4px; }
.pc-lesson-head h1 { max-width:960px; margin:0; font-size:clamp(36px,4.8vw,62px); }
.pc-article { padding-block:52px 100px; }
.pc-video-block { margin:0; }
.pc-video { position:relative; overflow:hidden; aspect-ratio:16 / 9; border:12px solid #183128; background:#0e211a; box-shadow:0 18px 0 rgba(16,34,29,.1); }
.pc-video::before { position:absolute; z-index:0; inset:0; background:radial-gradient(circle at 78% 18%,rgba(213,251,85,.16),transparent 32%); content:''; pointer-events:none; }
.pc-video video,.pc-video iframe { position:relative; z-index:1; display:block; width:100%; height:100%; border:0; background:#0e211a; object-fit:contain; }
.pc-video > span { position:relative; z-index:1; display:grid; height:100%; place-items:center; color:rgba(255,255,255,.72); }
.pc-video-note { margin:14px 0 0; color:var(--pc-muted); font-size:12px; }
.pc-copy { max-width:780px; margin:48px auto 0; }
.pc-key { padding:30px; background:#dee8d9; }
.pc-key h2 { margin:0 0 18px; font-size:26px; }
.pc-key ul { margin:0; padding:0; list-style:none; }
.pc-key li { position:relative; padding:13px 0 13px 27px; border-top:1px solid rgba(16,34,29,.15); line-height:1.5; }
.pc-key li::before { position:absolute; left:3px; content:'↗'; }
.pc-interactive { margin:42px 0; }
.pc-interactive > .pc-eyebrow { color:var(--pc-muted); }
.pc-interactive-grid { display:grid; gap:12px; }
.pc-interactive--compare .pc-interactive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pc-interactive--cards .pc-interactive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pc-interactive-grid article { min-height:160px; padding:20px; border:1px solid var(--pc-line); background:rgba(255,255,255,.34); }
.pc-interactive-grid h3 { margin:0 0 10px; font:600 17px/1.25 Unbounded,Manrope,sans-serif; letter-spacing:-.05em; }
.pc-interactive-grid p { margin:0; color:var(--pc-muted); font-size:14px; line-height:1.55; }
.pc-interactive details { border-top:1px solid var(--pc-line); }
.pc-interactive details:last-child { border-bottom:1px solid var(--pc-line); }
.pc-interactive summary { display:flex; align-items:center; justify-content:space-between; padding:17px 0; cursor:pointer; font-weight:800; list-style:none; }
.pc-interactive summary::-webkit-details-marker { display:none; }
.pc-interactive summary span { font-size:22px; font-weight:400; }
.pc-interactive details[open] summary span { transform:rotate(45deg); }
.pc-interactive details p { max-width:680px; margin:0 0 18px; color:var(--pc-muted); font-size:15px; line-height:1.55; }
.pc-checklist { display:grid; gap:1px; background:var(--pc-line); }
.pc-checklist label { display:flex; gap:14px; padding:17px; background:var(--pc-paper); cursor:pointer; }
.pc-checklist input { width:19px; height:19px; margin:2px 0 0; accent-color:var(--pc-ink); }
.pc-checklist b { display:block; margin-bottom:4px; }
.pc-checklist span { color:var(--pc-muted); font-size:14px; line-height:1.5; }
.pc-summary { font-size:18px; line-height:1.65; }
.pc-summary h2 { margin-top:48px; font:600 27px/1.15 Unbounded,Manrope,sans-serif; letter-spacing:-.06em; }
.pc-materials { margin:42px 0; }
.pc-materials a { display:flex; gap:11px; align-items:center; padding:16px 0; border-top:1px solid var(--pc-line); color:inherit; text-decoration:none; }
.pc-materials a:last-child { border-bottom:1px solid var(--pc-line); }
.pc-materials b { padding:6px; border-radius:4px; background:#e1ecbc; font:700 10px Unbounded,Manrope,sans-serif; }
.pc-materials span { margin-left:auto; }
.pc-disclaimer { margin:36px 0 24px; padding:16px; background:#e6e8df; color:#526159; font-size:12px; line-height:1.45; }
.pc-next { display:flex; flex-direction:column; align-items:flex-end; margin-top:48px; color:inherit; font-weight:800; text-align:right; text-decoration:none; }
.pc-next strong { margin-top:5px; color:var(--pc-muted); font-size:13px; }
@media (max-width:900px) { .pc-course-hero-grid{grid-template-columns:1fr;min-height:0} .pc-course-hero-art{display:none} }
@media (max-width:720px) { .pc-interactive--compare .pc-interactive-grid,.pc-interactive--cards .pc-interactive-grid{grid-template-columns:1fr} .pc-interactive{margin:32px 0} .pc-interactive-grid article{min-height:0;padding:18px} }
@media (max-width:720px) { .pc-wrap{width:min(100% - 28px,1280px)} .pc-hero,.pc-lesson-head{padding:calc(var(--header-height) + 42px) 0 48px} .pc-hero h1{font-size:clamp(36px,11vw,48px)} .pc-hero > .pc-wrap > p:not(.pc-eyebrow){font-size:16px} .pc-facts{display:grid;gap:9px} .pc-facts span{padding-left:12px} .pc-cards{grid-template-columns:1fr;padding-block:40px 64px} .pc-dashboard{padding-block:42px 70px} .pc-progress{grid-template-columns:1fr auto} .pc-progress i{grid-column:1 / -1} .pc-lesson{grid-template-columns:37px minmax(0,1fr);gap:12px} .pc-lesson h2{font-size:15px} .pc-state{grid-column:2} .pc-access{padding:24px} .pc-access h2{font-size:22px} .pc-article{padding-block:30px 70px} .pc-video{border-width:6px;box-shadow:0 10px 0 rgba(16,34,29,.1)} .pc-copy{margin-top:34px} .pc-key{padding:22px} .pc-key h2{font-size:22px} .pc-summary{font-size:16px} .pc-summary h2{font-size:23px} }