.beginners-guide-page{background:radial-gradient(circle at 88% 18rem,var(--color-cosmic-glow),#0000 32rem),var(--color-canvas);color:var(--color-text);font-family:var(--font-body);min-height:100vh}.beginners-guide-page *,.beginners-guide-page :after,.beginners-guide-page :before{box-sizing:border-box}.beginners-guide-main{margin:0 auto;padding:var(--space-6) 0 var(--space-section);width:min(100% - (2 * var(--page-gutter)),var(--content-wide))}.beginners-guide-hero{grid-gap:clamp(2rem,5vw,5rem);align-items:center;background:var(--color-surface-inverse);border:1px solid var(--color-border-inverse);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--color-text-inverse);display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);grid-template-rows:1fr auto;isolation:isolate;min-height:min(46rem,calc(100vh - 9rem));overflow:hidden;padding:clamp(2rem,6vw,5.5rem);position:relative}.beginners-guide-hero:before{aspect-ratio:1;border:1px solid var(--color-cosmic-line);border-radius:50%;bottom:-19rem;box-shadow:0 0 0 5rem var(--color-cosmic-glow);content:"";left:-13rem;position:absolute;width:30rem;z-index:-1}.beginners-guide-eyebrow,.beginners-guide-section-label{color:var(--color-brand);font-size:var(--text-xs);font-weight:800;letter-spacing:.18em;margin:0;text-transform:uppercase}.beginners-guide-eyebrow{color:var(--color-accent-soft)}.beginners-guide-hero h1{color:var(--color-text-inverse);font-family:var(--font-display);font-size:clamp(4.5rem,8.2vw,8.8rem);font-weight:400;letter-spacing:-.07em;line-height:.87;margin:var(--space-4) 0 var(--space-5);max-width:62rem}.beginners-guide-heading h2 em,.beginners-guide-hero h1 em{color:var(--color-accent-soft);font-weight:400}.beginners-guide-hero__lead{color:var(--color-text-inverse-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7;margin:0;max-width:43rem}.beginners-guide-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.beginners-guide-primary,.beginners-guide-secondary{align-items:center;border:1px solid var(--color-brand);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-sm);font-weight:800;gap:var(--space-5);justify-content:space-between;min-height:3.15rem;padding:.8rem 1.25rem;text-decoration:none}.beginners-guide-primary{background:var(--color-brand);color:var(--color-on-brand)}.beginners-guide-secondary{background:#0000;border-color:var(--color-border-inverse);color:var(--color-text-inverse)}.beginners-guide-orbit{aspect-ratio:1;display:grid;justify-self:center;place-items:center;position:relative;width:min(100%,26rem)}.beginners-guide-orbit__ring{border:1px solid var(--color-cosmic-line-strong);border-radius:50%;position:absolute}.beginners-guide-orbit__ring--outer{inset:2%}.beginners-guide-orbit__ring--inner{border-style:dashed;inset:20%}.beginners-guide-orbit__center{aspect-ratio:1;background:var(--color-cosmic-center);border:1px solid var(--color-cosmic-line-strong);border-radius:50%;color:var(--color-accent-soft);display:grid;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.4rem);place-content:center;text-align:center;width:44%}.beginners-guide-orbit__center small{color:var(--color-text-inverse-muted);display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;margin-top:var(--space-2);text-transform:uppercase}.beginners-guide-orbit__planet{aspect-ratio:1;background:var(--color-accent-soft);border-radius:50%;box-shadow:0 0 1.5rem var(--color-accent-soft);position:absolute;width:1rem}.beginners-guide-orbit__planet--one{left:27%;top:10%}.beginners-guide-orbit__planet--two{bottom:27%;right:12%;width:.65rem}.beginners-guide-hero__facts{border-left:1px solid var(--color-border-inverse);border-top:1px solid var(--color-border-inverse);display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.beginners-guide-hero__facts div{border-bottom:1px solid var(--color-border-inverse);border-right:1px solid var(--color-border-inverse);padding:var(--space-4)}.beginners-guide-hero__facts dt{color:var(--color-text-inverse-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.beginners-guide-hero__facts dd{color:var(--color-accent-soft);font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.8rem);margin:var(--space-2) 0 0}.beginners-guide-curriculum,.beginners-guide-next,.beginners-guide-progress,.beginners-guide-resources{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-5);padding:clamp(1.5rem,5vw,4.5rem)}.beginners-guide-curriculum{scroll-margin-top:9rem}.beginners-guide-progress{grid-gap:var(--space-4) var(--space-7);align-items:end;display:grid;gap:var(--space-4) var(--space-7);grid-template-columns:minmax(13rem,.45fr) minmax(0,1fr)}.beginners-guide-progress h2{color:var(--color-text);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;margin:var(--space-2) 0 0}.beginners-guide-progress__status{align-items:baseline;color:var(--color-text-muted);display:flex;gap:var(--space-4);justify-content:space-between}.beginners-guide-progress__status strong{color:var(--color-brand);font-family:var(--font-display);font-size:2rem;font-weight:400}.beginners-guide-progress__track{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);grid-column:1/-1;height:.55rem;overflow:hidden}.beginners-guide-progress__track span{background:var(--color-brand);border-radius:inherit;display:block;height:100%;transition:width .35s ease}.beginners-guide-progress>p{color:var(--color-text-subtle);font-size:var(--text-xs);grid-column:1/-1;margin:0}.beginners-guide-heading{grid-gap:var(--space-3) var(--space-7);align-items:start;display:grid;gap:var(--space-3) var(--space-7);grid-template-columns:minmax(13rem,.34fr) minmax(0,1fr)}.beginners-guide-heading .beginners-guide-section-label{grid-row:1/span 2}.beginners-guide-heading h2{color:var(--color-text);font-family:var(--font-display);font-size:clamp(3.2rem,6.5vw,6.4rem);font-weight:400;letter-spacing:-.06em;line-height:.9;margin:0;max-width:56rem}.beginners-guide-heading h2 em{color:var(--color-brand)}.beginners-guide-heading>p:last-child{color:var(--color-text-muted);line-height:1.7;margin:0;max-width:42rem}.beginners-guide-lessons{border-top:1px solid var(--color-border-strong);margin-top:var(--space-7)}.beginners-guide-lesson{grid-gap:var(--space-5);border-bottom:1px solid var(--color-border-strong);display:grid;gap:var(--space-5);grid-template-columns:5rem minmax(0,1fr) minmax(12rem,.26fr);padding:var(--space-6) 0;transition:background-color .18s ease}.beginners-guide-lesson.is-complete{background:color-mix(in srgb,var(--color-success) 5%,#0000)}.beginners-guide-lesson__index{color:var(--color-brand);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:800;letter-spacing:.1em}.beginners-guide-lesson__meta{color:var(--color-text-subtle);display:flex;flex-wrap:wrap;font-size:var(--text-xs);font-weight:800;gap:var(--space-2);letter-spacing:.08em;text-transform:uppercase}.beginners-guide-lesson__meta span+span:before{content:"·";margin-right:var(--space-2)}.beginners-guide-lesson h3{color:var(--color-text);font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;letter-spacing:-.035em;line-height:1;margin:var(--space-2) 0 var(--space-3)}.beginners-guide-lesson__body>p{color:var(--color-text-muted);line-height:1.65;margin:0;max-width:50rem}.beginners-guide-lesson ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0;padding:0}.beginners-guide-lesson li{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);padding:.42rem .7rem}.beginners-guide-lesson__actions{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.beginners-guide-lesson__actions a,.beginners-guide-lesson__actions button{align-items:center;border-radius:var(--radius-pill);cursor:pointer;display:flex;font:inherit;font-size:var(--text-sm);font-weight:800;gap:var(--space-3);justify-content:space-between;min-height:2.8rem;padding:.65rem 1rem;text-decoration:none}.beginners-guide-lesson__open{background:var(--color-brand);border:1px solid var(--color-brand);color:var(--color-on-brand)}.beginners-guide-lesson__complete{background:#0000;border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.beginners-guide-lesson__complete[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-success) 55%,var(--color-border));color:var(--color-success)}.beginners-guide-practice{grid-gap:clamp(2rem,6vw,7rem);align-items:end;background:var(--color-surface-inverse);border:1px solid var(--color-border-inverse);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--color-text-inverse);display:grid;gap:clamp(2rem,6vw,7rem);grid-template-columns:minmax(0,1fr) minmax(17rem,.34fr);margin-top:var(--space-5);padding:clamp(2rem,6vw,5.5rem)}.beginners-guide-heading--inverse{display:block}.beginners-guide-heading--inverse .beginners-guide-section-label{color:var(--color-accent-soft)}.beginners-guide-heading--inverse h2{color:var(--color-text-inverse);margin-top:var(--space-4)}.beginners-guide-heading--inverse h2 em{color:var(--color-accent-soft)}.beginners-guide-heading--inverse>p:last-child{color:var(--color-text-inverse-muted);margin-top:var(--space-5)}.beginners-guide-practice__actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.beginners-guide-practice__actions a{align-items:center;background:#0000;border:1px solid var(--color-border-inverse);border-radius:var(--radius-pill);color:var(--color-text-inverse);display:flex;font-size:var(--text-sm);font-weight:800;gap:var(--space-4);justify-content:space-between;min-height:3.2rem;padding:.8rem 1.1rem;text-decoration:none}.beginners-guide-practice__actions a:first-child{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.beginners-guide-resources__grid{border-left:1px solid var(--color-border-strong);border-top:1px solid var(--color-border-strong);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-7)}.beginners-guide-resources__grid article{border-bottom:1px solid var(--color-border-strong);border-right:1px solid var(--color-border-strong);min-width:0;padding:clamp(1.3rem,3vw,2.5rem)}.beginners-guide-resources__grid article>span{color:var(--color-brand);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em}.beginners-guide-resources__grid h3{color:var(--color-text);font-family:var(--font-display);font-size:1.8rem;font-weight:400;margin:clamp(3rem,6vw,5rem) 0 var(--space-4)}.beginners-guide-resources__grid ul{color:var(--color-text-muted);margin:0;padding-left:1.1rem}.beginners-guide-resources__grid li{border-bottom:1px solid var(--color-border);line-height:1.5;padding:var(--space-2) 0}.beginners-guide-resources__grid dl{margin:0}.beginners-guide-resources__grid dl div{grid-gap:var(--space-3);border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-3);grid-template-columns:.75fr 1fr;padding:var(--space-2) 0}.beginners-guide-resources__grid dt{color:var(--color-text);font-weight:800}.beginners-guide-resources__grid dd{color:var(--color-text-muted);margin:0}.beginners-guide-next{align-items:end;display:flex;gap:var(--space-6);justify-content:space-between}.beginners-guide-next h2{color:var(--color-text);font-family:var(--font-display);font-size:clamp(2.7rem,5vw,5rem);font-weight:400;letter-spacing:-.05em;margin:var(--space-2) 0 0}.beginners-guide-next a{align-items:center;background:var(--color-brand);border-radius:var(--radius-pill);color:var(--color-on-brand);display:flex;font-size:var(--text-sm);font-weight:800;gap:var(--space-6);justify-content:space-between;min-height:3.1rem;padding:.75rem 1.2rem;text-decoration:none}.beginners-guide-page a:focus-visible,.beginners-guide-page button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (hover:hover){.beginners-guide-lesson__open:hover,.beginners-guide-next a:hover,.beginners-guide-primary:hover{filter:brightness(1.08)}.beginners-guide-practice__actions a:hover,.beginners-guide-secondary:hover{border-color:var(--color-accent-soft)}.beginners-guide-lesson:hover{background:var(--color-surface-muted)}}@media (max-width:960px){.beginners-guide-hero{grid-template-columns:1fr;min-height:auto}.beginners-guide-orbit{opacity:.38;position:absolute;right:-8rem;top:2rem;width:24rem;z-index:-1}.beginners-guide-lesson{grid-template-columns:3rem minmax(0,1fr)}.beginners-guide-lesson__actions{flex-direction:row;grid-column:2;justify-content:flex-start}.beginners-guide-practice,.beginners-guide-resources__grid{grid-template-columns:1fr}}@media (max-width:700px){.beginners-guide-main{padding-top:.75rem;width:min(100% - 1rem,var(--content-wide))}.beginners-guide-hero{border-radius:var(--radius-lg);display:block;min-height:auto;padding:1.5rem}.beginners-guide-hero h1{font-size:clamp(3.5rem,17vw,5.4rem)}.beginners-guide-hero__lead{max-width:28rem}.beginners-guide-hero__actions{display:grid}.beginners-guide-hero__facts{grid-template-columns:1fr;margin-top:var(--space-6);position:static}.beginners-guide-hero__facts div{align-items:baseline;border-right:0;display:flex;justify-content:space-between;padding:.55rem 0}.beginners-guide-hero__facts dd{font-size:1.15rem;margin:0}.beginners-guide-orbit{right:-10rem;top:9rem;width:20rem}.beginners-guide-curriculum,.beginners-guide-next,.beginners-guide-practice,.beginners-guide-progress,.beginners-guide-resources{border-radius:var(--radius-lg);padding:1.5rem}.beginners-guide-heading,.beginners-guide-progress{grid-template-columns:1fr}.beginners-guide-heading .beginners-guide-section-label{grid-row:auto}.beginners-guide-heading h2{font-size:clamp(3rem,15vw,4.7rem)}.beginners-guide-progress__status{grid-column:1}.beginners-guide-lesson{gap:var(--space-3);grid-template-columns:1fr;padding:var(--space-5) 0}.beginners-guide-lesson__actions{display:grid;grid-column:1;grid-template-columns:1fr}.beginners-guide-resources__grid dl div{gap:.2rem;grid-template-columns:1fr}.beginners-guide-next{display:grid}.beginners-guide-next a{width:100%}}@media (prefers-reduced-motion:reduce){.beginners-guide-progress__track span{transition:none}}