:root{--cream:#fbf7ef;--cream-deep:#f3ecdd;--ink:#33392b;--ink-soft:#5c6151;--sage:#7f9060;--sage-deep:#5f7046;--peach:#eda36f;--terracotta:#d97e4a;--terracotta-deep:#b95f2e;--gold:#c9a227;--white:#fff;--card:#fff;--line:#e5ddcc;--shadow:0 2px 10px #33392b14;--shadow-lift:0 6px 24px #33392b24;--radius:16px;--radius-sm:10px;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:var(--terracotta-deep);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px;border-radius:6px}.shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.nav{z-index:40;background:color-mix(in srgb, var(--cream) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{align-items:center;gap:1.25rem;padding:.55rem 0;display:flex}.nav-brand{align-items:center;gap:.6rem;margin-right:auto;display:flex}.nav-brand img{width:auto;height:46px;display:block}.nav-links{align-items:center;gap:1.1rem;font-size:.95rem;font-weight:700;display:flex}.nav-links a{color:var(--ink-soft);padding:.35rem .2rem}.nav-links a.is-active,.nav-links a:hover{color:var(--terracotta-deep)}.icon-btn{width:40px;height:40px;color:var(--ink-soft);border:1px solid var(--line);background:var(--white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--terracotta-deep);border-color:var(--terracotta)}.btn{font-family:var(--font-display);background:var(--terracotta);color:var(--white);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{background:var(--terracotta-deep);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn.btn-sage{background:var(--sage)}.btn.btn-sage:hover{background:var(--sage-deep)}.btn.btn-ghost{color:var(--terracotta-deep);border:2px solid var(--terracotta);box-shadow:none;background:0 0}.btn.btn-ghost:hover{background:color-mix(in srgb, var(--terracotta) 10%, transparent)}.btn.btn-big{padding:.9rem 2rem;font-size:1.15rem}.hero{text-align:center;padding:3.5rem 0 3rem}.hero-logo{width:min(320px,70vw);height:auto}.hero h1{margin:1.2rem 0 .9rem;font-size:clamp(2.1rem,5vw,3.4rem)}.hero h1 .accent{color:var(--terracotta)}.hero-sub{max-width:640px;color:var(--ink-soft);margin:0 auto 1.8rem;font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.mission{background:var(--sage);color:#f6f8f0;padding:3rem 0}.mission blockquote{max-width:780px;font-family:var(--font-display);text-align:center;margin:0 auto;font-size:clamp(1.15rem,2.6vw,1.55rem);font-weight:500;line-height:1.5}.mission cite{font-family:var(--font-body);opacity:.85;margin-top:1rem;font-size:.95rem;font-style:normal;display:block}.section{padding:3.5rem 0}.section-title{text-align:center;font-size:clamp(1.7rem,3.5vw,2.4rem)}.section-lead{text-align:center;color:var(--ink-soft);max-width:620px;margin:.7rem auto 2.2rem;font-size:1.08rem}.how-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;display:grid}.how-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:1.6rem 1.4rem}.how-card .step-num{background:var(--cream-deep);width:44px;height:44px;color:var(--sage-deep);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.9rem;font-size:1.25rem;font-weight:600;display:inline-flex}.how-card h3{margin-bottom:.5rem;font-size:1.2rem}.how-card p{color:var(--ink-soft);font-size:.98rem}.pin-preview-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.9rem;max-width:900px;margin:0 auto;display:grid}.pin-preview{text-align:center;flex-direction:column;align-items:center;gap:.45rem;display:flex}.pin-preview svg{width:72px;height:72px}.pin-preview span{color:var(--ink-soft);font-size:.82rem;font-weight:700}.landing-cta{background:var(--cream-deep);text-align:center;padding:3.5rem 0}.landing-cta h2{margin-bottom:.7rem;font-size:clamp(1.6rem,3vw,2.2rem)}.landing-cta p{color:var(--ink-soft);margin-bottom:1.6rem}.footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);margin-top:auto;padding:1.6rem 0;font-size:.92rem}.board-head{text-align:center;padding:1.6rem 0 .4rem}.board-head h1{font-size:clamp(1.6rem,3.2vw,2.3rem)}.board-sub{color:var(--ink-soft);margin-top:.35rem;font-size:1rem}.board-frame{background:var(--cream-deep);border:1px solid var(--line);border-radius:22px;margin:1.1rem 0 2rem;padding:clamp(.7rem,1.8vw,1.4rem);box-shadow:inset 0 2px 10px #33392b0d}.board-grid{grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.4vw,1rem);display:grid}@media (width<=760px){.board-grid{grid-template-columns:repeat(4,1fr)}}.pin-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:clamp(.5rem,1.4vw,.9rem) .4rem;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.pin-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.pin-tile .emblem{width:clamp(44px,8.5vw,92px);height:clamp(44px,8.5vw,92px);position:relative}.pin-tile .emblem svg{width:100%;height:100%;display:block}.pin-tile.unearned .emblem svg{filter:grayscale()contrast(.82)brightness(1.14);opacity:.5}.pin-tile.unearned .emblem:after{content:"";background:radial-gradient(circle, var(--pin-color) 0%, transparent 72%);opacity:.18;pointer-events:none;border-radius:50%;position:absolute;inset:6%}.pin-tile.unearned .pin-name{color:var(--ink-soft)}.pin-tile.earned{border-color:color-mix(in srgb, var(--pin-color) 45%, var(--line))}.pin-tile.earned .emblem{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--pin-color) 55%, transparent))}.pin-name{font-family:var(--font-display);color:var(--ink);font-size:clamp(.62rem,1.35vw,.85rem);font-weight:500;line-height:1.15}.part-dots{gap:3px;display:flex}.part-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.part-dots i.done{background:var(--sage)}.back-link{color:var(--sage-deep);align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.95rem;font-weight:800;display:inline-flex}.detail-head{flex-wrap:wrap;align-items:center;gap:1.3rem;padding:1.2rem 0;display:flex}.detail-emblem{flex:none;width:120px;height:120px}.detail-emblem svg{width:100%;height:100%}.detail-emblem.unearned svg{filter:grayscale()contrast(.85)brightness(1.1);opacity:.6}.detail-title h1{font-size:clamp(1.7rem,3.6vw,2.5rem)}.detail-title .tagline{color:var(--ink-soft);margin-top:.25rem;font-size:1.02rem}.earned-flag{color:var(--sage-deep);align-items:center;gap:.4rem;margin-top:.55rem;font-size:.9rem;font-weight:800;display:inline-flex}.progress-row{align-items:center;gap:.9rem;margin:.4rem 0 1.6rem;display:flex}.progress-track{background:var(--cream-deep);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sage), var(--sage-deep));border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.progress-label{color:var(--ink-soft);white-space:nowrap;font-size:.95rem;font-weight:800}.part-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.1rem;padding:1.4rem 1.5rem}.part-card.done{border-color:color-mix(in srgb, var(--sage) 55%, var(--line));background:color-mix(in srgb, var(--sage) 4%, var(--card))}.part-head h2{font-size:1.28rem}.part-head .part-no{font-family:var(--font-display);color:var(--sage-deep);margin-right:.45rem;font-weight:600}.part-desc{color:var(--ink-soft);margin:.5rem 0 1rem}.part-cols{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}@media (width<=680px){.part-cols{grid-template-columns:1fr}}.part-col h3{text-transform:uppercase;letter-spacing:.06em;color:var(--sage-deep);margin-bottom:.5rem;font-size:.95rem}.idea-list{color:var(--ink-soft);gap:.3rem;margin:0;padding-left:1.15rem;font-size:.97rem;display:grid}.req-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.req-item{text-align:left;color:var(--ink);align-items:flex-start;gap:.55rem;font-size:.97rem;display:flex}.req-item .req-box{border:2px solid var(--sage);background:var(--white);border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:background .15s;display:inline-flex}.req-item.checked .req-box{background:var(--sage)}.req-item.checked .req-text{color:var(--ink-soft)}.req-item .req-box svg{width:12px;height:12px;stroke:var(--white);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.part-check{border-top:1px dashed var(--line);font-family:var(--font-display);color:var(--sage-deep);align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1.1rem;font-size:1.05rem;font-weight:600;display:flex}.big-check{border:3px solid var(--sage);background:var(--white);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .12s;display:inline-flex}.big-check:active{transform:scale(.93)}.big-check.checked{background:var(--sage)}.big-check svg{fill:none;width:28px;height:28px;stroke:var(--white);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.big-check .tick{stroke-dasharray:30;stroke-dashoffset:30px}.big-check.checked .tick{animation:.4s forwards draw-tick}@keyframes draw-tick{to{stroke-dashoffset:0}}.video-section{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:1.1rem;padding:.9rem 1rem}.video-section>h3{text-transform:uppercase;letter-spacing:.06em;color:var(--terracotta-deep);margin-bottom:.55rem;font-size:.95rem}.video-note{color:var(--ink-soft);margin-bottom:.6rem;font-size:.92rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;display:grid}.video-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;transition:transform .14s,box-shadow .14s;display:flex;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.video-card.is-playing{grid-column:1/-1}.video-thumb{aspect-ratio:16/9;background:var(--cream-deep);width:100%;display:block;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.video-thumb:hover img{transform:scale(1.05)}.video-play{color:#fff;background:#d97e4aeb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:auto;display:inline-flex;position:absolute;inset:0;box-shadow:0 3px 12px #00000047}.video-play svg{width:24px;height:24px;margin-left:2px}.video-flag{background:var(--sage-deep);color:#fff;font-family:var(--font-display);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:600;position:absolute;top:8px;left:8px}.video-len{color:#fff;background:#1e2018d1;border-radius:6px;padding:.14rem .45rem;font-size:.74rem;font-weight:700;position:absolute;bottom:8px;right:8px}.video-embed{aspect-ratio:16/9;background:#000;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;display:block}.video-meta{flex-direction:column;flex:1;gap:.3rem;padding:.7rem .8rem .8rem;display:flex}.video-meta h4{font-family:var(--font-body);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:800;line-height:1.28;display:-webkit-box;overflow:hidden}.video-by{color:var(--ink-soft);font-size:.82rem}.video-tagrow{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.35rem;display:flex}.diff{white-space:nowrap;border-radius:999px;padding:.16rem .5rem;font-size:.72rem;font-weight:800}.diff-beginner{background:color-mix(in srgb, var(--sage) 20%, var(--white));color:var(--sage-deep)}.diff-comprehensive{background:color-mix(in srgb, var(--terracotta) 18%, var(--white));color:var(--terracotta-deep)}.diff-advanced{background:color-mix(in srgb, var(--gold) 24%, var(--white));color:#8a6a14}.video-yt{color:var(--ink-soft);white-space:nowrap;font-size:.76rem;font-weight:700}.video-yt:hover{color:var(--terracotta-deep)}.video-more{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.85rem;display:flex}.video-more a{background:var(--white);border:1px solid var(--line);color:var(--terracotta-deep);border-radius:999px;align-items:center;padding:.32rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.video-more a:hover{border-color:var(--terracotta)}.earn-backdrop{z-index:90;background:#282c2173;animation:.4s fade-in;position:fixed;inset:0}.earn-flyer{z-index:95;pointer-events:none;will-change:transform;position:fixed}.earn-flyer svg{filter:drop-shadow(0 8px 26px #0000004d);width:100%;height:100%}.earn-banner{z-index:96;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lift);text-align:center;font-family:var(--font-display);max-width:min(560px,92vw);padding:1rem 1.7rem;font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:600;animation:.5s cubic-bezier(.22,1,.36,1) rise-in;position:fixed;bottom:9vh;left:50%;transform:translate(-50%)}.earn-banner small{font-family:var(--font-body);color:var(--sage-deep);margin-top:.3rem;font-size:.85rem;font-weight:700;display:block}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%)translateY(24px)}}.pin-tile.just-earned{animation:2.6s forwards earn-glow}@keyframes earn-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--pin-color) 65%, transparent)}30%{box-shadow:0 0 26px 6px color-mix(in srgb, var(--pin-color) 55%, transparent)}to{box-shadow:0 0 #0000}}.confetti-canvas{z-index:94;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}