.hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 75% 45%, var(--color-glow), transparent 28%), var(--grid-pattern);background-size:auto,4rem 4rem;align-items:center;min-height:37.5rem;display:grid;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(22.5rem,.98fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:5rem;display:grid}.eyebrow{color:var(--color-accent-strong);font:600 .73rem/1.4 var(--font-code);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .8rem}.hero h1{max-width:13ch;margin:0 0 1.25rem;font-size:clamp(2.65rem,5.5vw,4.75rem)}.hero-description{max-width:39rem;margin:0;font-size:clamp(1.05rem,1.8vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button-secondary{background:var(--color-surface);color:var(--color-text);text-decoration:none}.hero-visual{aspect-ratio:1.25;border:1px solid var(--color-border);background:var(--grid-pattern), linear-gradient(145deg, var(--color-surface), transparent);background-size:2rem 2rem,auto;min-height:20.625rem;position:relative;overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";border:1px solid var(--color-border-strong);border-radius:50%;position:absolute}.hero-visual:before{aspect-ratio:1;width:72%;top:12%;left:25%}.hero-visual:after{aspect-ratio:1;width:48%;top:25%;left:38%}.visual-label{color:var(--color-text-subtle);font:500 .72rem/1.5 var(--font-code);letter-spacing:.1em;position:absolute;top:1.5rem;left:1.5rem}.visual-mark{aspect-ratio:1;background:center/contain no-repeat var(--brand-symbol);filter:drop-shadow(0 1rem 1.75rem #0003);width:45%;position:absolute;top:50%;left:56%;transform:translate(-50%,-42%)}.visual-dot{aspect-ratio:1;background:var(--color-accent);width:1rem;box-shadow:0 0 1.875rem var(--color-accent);border-radius:50%;position:absolute;top:49%;left:58%}.section{padding-block:clamp(4rem,7vw,6rem)}.section-alt{border-block:1px solid var(--color-border);background:var(--color-surface-soft)}.section-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.section-heading h2,.section-bar h2{margin:0;font-size:clamp(2rem,4vw,3rem)}.section-heading p{margin:0}.section-bar{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.text-link{color:var(--color-accent-strong);align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.topic-strip{border-bottom:1px solid var(--color-border);background:var(--color-surface-soft)}.topic-grid{grid-template-columns:repeat(4,1fr);display:grid}.topic-grid>a{border-right:1px solid var(--color-border);min-height:6.6rem;color:var(--color-text);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.topic-grid>a:first-child{border-left:1px solid var(--color-border)}.topic-grid>a:hover{background:var(--color-surface)}.topic-icon{width:2.25rem;color:var(--color-accent-strong);font:600 1.25rem var(--font-code);text-align:center}.topic-grid strong,.topic-grid small{display:block}.topic-grid strong{font-size:.9rem}.topic-grid small{color:var(--color-text-subtle);margin-top:.2rem;font-size:.72rem;line-height:1.4}.tracks-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.track-card{border:1px solid var(--color-border);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-soft));min-height:21.875rem;transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:.9rem;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.track-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.track-featured{box-shadow:inset 0 2px 0 var(--color-accent)}.card-topline{color:var(--color-text-subtle);font:600 .7rem var(--font-code);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;display:flex}.level{color:var(--color-accent-strong)}.track-symbol{border:1px solid var(--color-border-strong);width:3rem;height:3rem;color:var(--color-accent-strong);font:600 .9rem var(--font-code);place-items:center;margin-bottom:1.3rem;display:grid}.track-card h3{margin-bottom:.65rem;font-size:1.4rem}.featured-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.content-card{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:.9rem;grid-template-columns:42% 58%;text-decoration:none;display:grid;overflow:hidden}.content-card:hover{border-color:var(--color-border-strong)}.editorial-art{border-right:1px solid var(--color-border);background:var(--grid-pattern), var(--color-bg);background-size:1.75rem 1.75rem,auto;place-items:center;min-height:18.125rem;display:grid;position:relative}.editorial-art:before{content:"";aspect-ratio:1;border:1px solid var(--color-border-strong);width:55%;box-shadow:1rem 1rem 0 -1px var(--color-bg), 1rem 1rem 0 var(--color-border)}.editorial-art>span{color:var(--color-accent-strong);font:700 1.5rem var(--font-code);position:absolute}.card-content{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.category{color:var(--color-accent-strong);font:600 .67rem var(--font-code);letter-spacing:.11em;text-transform:uppercase}.content-card h3{margin:.65rem 0;font-size:1.35rem}.content-card p{margin:0 0 1.3rem;font-size:.92rem}.meta{color:var(--color-text-subtle);flex-wrap:wrap;gap:1rem;font-size:.72rem;display:flex}.recent-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.tutorial-card{border-top:1px solid var(--color-border);color:inherit;grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem;text-decoration:none;display:grid}.tutorial-card:hover{background:var(--color-surface-soft)}.tutorial-icon{border:1px solid var(--color-border);width:2.5rem;height:2.5rem;color:var(--color-accent-strong);font:600 .7rem var(--font-code);place-items:center;display:grid}.tutorial-card h3{letter-spacing:-.02em;margin:.45rem 0 .55rem;font-size:1.08rem}.tutorial-card p{margin:0 0 1rem;font-size:.87rem}.guide-section{background:radial-gradient(circle at 25% 50%, var(--color-glow), transparent 28%)}.guide-card{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:1rem;grid-template-columns:.8fr 1.2fr;padding:0;display:grid;overflow:hidden}.guide-visual{border-right:1px solid var(--color-border);background:var(--grid-pattern), var(--color-bg);background-size:2rem 2rem,auto;place-items:center;min-height:26.25rem;display:grid;position:relative;overflow:hidden}.guide-visual strong{color:var(--color-text);font:800 clamp(7rem, 15vw, 12rem) var(--font-heading);opacity:.08}.guide-visual i{aspect-ratio:1;border:2px solid var(--color-accent);width:30%;position:absolute;transform:rotate(45deg)}.guide-badge{color:var(--color-accent-strong);font:600 .75rem var(--font-code);letter-spacing:.18em;position:absolute;top:1.5rem;left:1.5rem}.guide-copy{align-self:center;padding:clamp(2rem,5vw,4rem)}.guide-copy h2{max-width:16ch;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.guide-copy ul{gap:.5rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:grid}.guide-copy li:before{content:"✓";color:var(--color-accent-strong);margin-right:.65rem}.split-showcase{border:1px solid var(--color-border);background:var(--color-border);grid-template-columns:1fr 1fr;gap:1px;padding:0;display:grid}.showcase-block{background:var(--color-surface-soft);padding:clamp(2rem,4vw,3.5rem)}.showcase-block h2{max-width:15ch;font-size:clamp(1.8rem,3vw,2.5rem)}.project-preview{border:1px solid var(--color-border);background:var(--grid-pattern), var(--color-bg);background-size:1.625rem 1.625rem,auto;flex-direction:column;justify-content:end;gap:.5rem;min-height:13.125rem;margin-top:2rem;padding:1.4rem;display:flex}.project-preview span,.project-preview small{color:var(--color-text-subtle);font:500 .68rem var(--font-code)}.project-preview strong{max-width:25ch;font-family:var(--font-heading);font-size:1.25rem}.resource-list{border:1px solid var(--color-border);margin-top:2rem;display:grid}.resource-list>span{background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:1rem;display:flex}.resource-list>span:last-child{border-bottom:0}.resource-list small{color:var(--color-text-subtle)}.about-grid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.about-mark{border:1px solid var(--color-border);background:var(--grid-pattern), var(--color-surface);background-size:2rem 2rem,auto;min-height:21.875rem;position:relative;overflow:hidden}.about-mark span{background:center/contain no-repeat var(--brand-symbol);position:absolute;inset:18%}.about-grid h2{margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem)}.about-grid p{max-width:42rem;margin-bottom:2rem;font-size:1.05rem}.newsletter-section{padding-top:0}.newsletter-card{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:1rem;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,3.5rem);display:grid}.newsletter-card h2{margin-bottom:.75rem;font-size:clamp(1.9rem,4vw,2.8rem)}.newsletter-form label{margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.newsletter-form>div{grid-template-columns:1fr auto;gap:.6rem;display:grid}.newsletter-form input{border:1px solid var(--color-border-strong);background:var(--color-bg);width:100%;min-height:3rem;color:var(--color-text);border-radius:.65rem;padding:0 1rem}.newsletter-form small{color:var(--color-text-subtle);margin-top:.65rem;font-size:.72rem;display:block}.inline-link{color:var(--color-accent-strong)}@media (width<=56.25rem){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:4rem}.hero-visual{min-height:18.75rem}.section-heading{grid-template-columns:1fr;gap:1rem}.topic-grid{grid-template-columns:repeat(2,1fr)}.tracks-grid,.recent-grid{grid-template-columns:1fr 1fr}.track-card:last-child,.tutorial-card:last-child{grid-column:1/-1}.featured-grid,.guide-card,.about-grid,.newsletter-card{grid-template-columns:1fr}.guide-visual{border-right:0;border-bottom:1px solid var(--color-border);min-height:18.75rem}}@media (width<=37.5rem){.hero-grid{gap:2.5rem;padding-block:3.25rem}.hero h1{font-size:clamp(2.35rem,12vw,3.4rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:16.25rem}.section{padding-block:3.5rem}.section-bar{flex-direction:column;align-items:flex-start;gap:1rem}.topic-grid,.tracks-grid,.featured-grid,.recent-grid,.split-showcase{grid-template-columns:1fr}.topic-grid>a,.topic-grid>a:first-child{border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.track-card:last-child,.tutorial-card:last-child{grid-column:auto}.content-card{grid-template-columns:1fr}.editorial-art{border-right:0;border-bottom:1px solid var(--color-border);min-height:13.75rem}.tutorial-card{padding-inline:0}.guide-visual{min-height:15rem}.guide-copy{padding:1.5rem}.showcase-block{padding-inline:1rem}.newsletter-form>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.track-card{transition:none}}