*,:after,:before{box-sizing:border-box}article h1,aside h1,nav h1,section h1{font-size:2em}.section{background:radial-gradient(circle at top left, #007bf024, transparent 30%), radial-gradient(circle at bottom right, #81ceff1a, transparent 24%), linear-gradient(160deg, #ffffff0a, #ffffff04), var(--background-three);border-radius:24px;min-height:60vh;padding:clamp(1.35rem,3vw,2rem);position:relative;overflow:hidden;box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff14}body>main .learning-shell{background:radial-gradient(circle at top left, #007bf024, transparent 30%), radial-gradient(circle at bottom right, #81ceff1a, transparent 24%), linear-gradient(160deg, #ffffff0a, #ffffff04), var(--background-three);border-radius:24px;margin-top:.25rem;box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff14}.section:before,.section:after{content:"";filter:blur(16px);pointer-events:none;opacity:.72;border-radius:999px;position:absolute}.section:before{background:#007bf024;width:220px;height:220px;top:-86px;left:-72px}.section:after{background:#ffffff14;width:150px;height:150px;bottom:-52px;right:-48px}.intro{text-align:center;max-width:1600px;margin:0 auto;padding:.4rem 0 .1rem}.intro h3,.intro p{color:var(--text-color)}.learning-intro{text-align:left;grid-template-columns:minmax(0,1.02fr) minmax(260px,.9fr);align-items:center;gap:clamp(1.8rem,4.4vw,4rem);display:grid}.learning-intro__copy,.learning-intro__visual{z-index:1;position:relative}.learning-intro__visual{justify-self:end;width:100%;max-width:680px}.section-kicker{color:#9bd3ffe6;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:700}.intro h3{text-wrap:balance;margin-bottom:1rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.02}.intro p{text-align:left;margin-bottom:0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.78}.learning-intro__copy{gap:1rem;display:grid}.intro-media{background:linear-gradient(135deg,#007bf01a,#ffffff08),#1f1f1f;border:1px solid #ffffff1a;border-radius:26px;width:min(100%,660px);margin:0 0 0 auto;overflow:hidden;box-shadow:0 28px 72px #0000004d,0 0 0 1px #007bf024}.intro-media-image{aspect-ratio:1168/784;object-fit:cover;width:100%;height:auto;display:block}.learning-media-overlay{pointer-events:none;position:absolute;inset:0}.learning-media-overlay__line,.learning-media-overlay__glow{position:absolute}.learning-media-overlay__line{opacity:.7;background:linear-gradient(90deg,#9bd3ff00,#9bd3ffad,#9bd3ff00)}.learning-media-overlay__line--top{height:1px;top:1rem;left:1rem;right:24%}.learning-media-overlay__line--bottom{height:1px;bottom:1rem;left:22%;right:1rem}.learning-media-overlay__glow{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#ffffff24 0%,#fff0 72%);border-radius:50%;width:36%;top:-10%;right:-6%}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,380px));grid-auto-rows:1fr;justify-content:center;place-items:stretch stretch;gap:16px;padding:0;display:grid}.learning-grid{margin-top:2.25rem}.learning-card{max-width:380px;padding:1.2rem 1.05rem}.learning-card .button-simple{align-self:flex-start}.learning-card__icon{vertical-align:-.04em;color:#5fbfff;margin-right:.42rem;font-size:1.16em}.learning-card__icon--image{object-fit:contain;vertical-align:-.12em;width:1.08em;height:1.08em;display:inline-block}.learning-card h4,.learning-card p{text-align:left}.learning-card h4{text-wrap:balance;overflow-wrap:anywhere;margin-bottom:.72rem;font-size:clamp(1.24rem,1.6vw,1.5rem);line-height:1.2}.learning-card p{text-wrap:pretty;overflow-wrap:anywhere;margin-bottom:.9rem;font-size:.97rem;line-height:1.62}.learning-card__details{letter-spacing:.08em;text-transform:uppercase;color:#eff7ffe6;margin-bottom:.86rem;font-size:.74rem;font-weight:700}.learning-card--git{background:linear-gradient(180deg, #f47a2029 0%, #ffffff0b 18%, #08121e38 100%), var(--background-two);border-color:#f47a2057}.learning-card--github{background:linear-gradient(180deg, #d1dded1f 0%, #ffffff0a 20%, #08121e3d 100%), var(--background-two);border-color:#d9e3ee4d}.learning-card--github .learning-card__icon--github{color:#5fbfff}.learning-card--git .learning-card__details{color:#ffceabf2}.learning-card--github .learning-card__details{color:#cce5fcf0}.learning-card--vscode{background:linear-gradient(180deg, #3dabff29 0%, #ffffff0a 20%, #08121e3d 100%), var(--background-two);border-color:#4ac6ff57}.learning-card--vscode .learning-card__icon--vscode{color:#7ad1ff}.learning-card--vscode .learning-card__details{color:#ade4fff2}@media (width<=1280px){.button-simple{font-size:.9em}}@media (width<=980px){.learning-intro{text-align:center;grid-template-columns:1fr}.learning-intro__visual{justify-self:stretch;max-width:none}.intro h3,.intro p{text-align:left}.intro-media{margin:0 auto}.learning-grid{justify-items:center;gap:12px}.learning-card{width:min(100%,370px);max-width:370px}.learning-card .button-simple{align-self:flex-start;width:auto}}@media (width<=768px){.grid{padding:0}.learning-grid{grid-template-columns:1fr;justify-items:center;gap:12px}.learning-card{border-radius:14px;width:min(100%,370px);max-width:370px;padding:.94rem .88rem}.learning-card h4{margin-bottom:.55rem;font-size:clamp(1.12rem,4.8vw,1.32rem);line-height:1.18}.learning-card p{flex:none;margin-bottom:.72rem;font-size:.9rem;line-height:1.48}.learning-card__details{margin-bottom:.72rem;font-size:.7rem}.learning-card .button-simple,.card .button-simple,.card span.button-simple{align-self:flex-start;width:auto;min-height:0;margin-top:.2rem;padding:.46rem .72rem}.intro-media{border-radius:18px;margin:0 auto}.section,body>main .learning-shell{border-radius:18px;padding:1.45rem .95rem 1.35rem}.learning-media-overlay__line--top{right:18%}.learning-media-overlay__line--bottom{left:18%}.learning-media-overlay__glow{width:44%}}@media (width<=480px){.learning-card{width:100%;max-width:none;padding:.9rem .82rem}.learning-card h4{font-size:1.16rem}.learning-card p{font-size:.9rem;line-height:1.46}body>main .learning-shell{border-radius:14px}}