@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.not-found-page{width:100vw;margin-left:calc(50% - 50vw);padding:0 0 96px;background:var(--color-brand-sky);color:var(--color-ink);padding-top:var(--layout-header-reserved-space)}@media(min-width:768px){.not-found-page{padding-bottom:112px}}@media(min-width:1024px){.not-found-page{padding-top:var(--layout-header-reserved-space-lg)}}.not-found-hero{width:min(calc(100% - (2 * var(--layout-page-padding-inline))),var(--layout-landing-wide-width));margin:0 auto;padding:clamp(48px,8vw,112px) 0 clamp(72px,10vw,128px)}.not-found-hero-inner{display:grid;justify-items:center;text-align:center;gap:var(--size-xl)}.not-found-hero-illustration{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;animation-delay:60ms;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,36px)}.not-found-hero-illustration img{width:clamp(74px,16vw,141px);height:auto;display:block}.not-found-zero-glyph{width:clamp(108px,22vw,227px);height:auto;overflow:visible;stroke:var(--color-ink);stroke-width:8;stroke-linecap:round;fill:none}.not-found-hero-title{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;animation-delay:.12s;margin:0;font-family:var(--font-family-base);font-size:2.5rem;line-height:1.1;letter-spacing:0;font-weight:var(--font-weight-bold)}@media(min-width:1024px){.not-found-hero-title{font-size:3.25rem}}.not-found-hero-description{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;animation-delay:.18s;width:min(100%,36rem);margin:var(--size-sm) auto 0;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-default);letter-spacing:0}@media(min-width:1024px){.not-found-hero-description{font-size:var(--font-size-body-xl)}}.not-found-back-home-link{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;animation-delay:.24s;display:inline-flex;align-items:center;justify-content:center;gap:var(--size-xxxs);min-height:50px;padding:12px 18px;border-radius:var(--radius-capsule);background:var(--color-light);color:var(--color-ink);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-decoration:none;box-shadow:var(--shadow-button);transition:transform var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard)}.not-found-back-home-link:hover{transform:translateY(-2px);background:#ffffffeb;box-shadow:var(--shadow-md)}.not-found-back-home-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.not-found-resources{width:min(calc(100% - (2 * var(--layout-page-padding-inline))),var(--layout-landing-wide-width));margin:0 auto}.not-found-resource-panel{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;animation-delay:.3s;display:grid;gap:clamp(28px,4vw,48px);padding:clamp(28px,4vw,54px);border-radius:var(--radius-panel);background:var(--color-brand-sky-muted);box-shadow:var(--shadow-sky-glow)}.not-found-resources-title{margin:0;text-align:center;font-family:var(--font-family-base);font-size:2.5rem;line-height:1.1;letter-spacing:0;font-weight:var(--font-weight-bold)}@media(min-width:1024px){.not-found-resources-title{font-size:3.25rem}}.not-found-resources-description{max-width:44rem;margin:var(--size-sm) auto 0;text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-default);letter-spacing:0}@media(min-width:1024px){.not-found-resources-description{font-size:var(--font-size-body-xl)}}.not-found-resource-grid{display:grid;gap:var(--size-xl)}@media(min-width:768px){.not-found-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.not-found-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.not-found-resource-card{display:grid;gap:var(--size-xs);padding:var(--size-lg);border-radius:var(--radius-card-lg);background:var(--color-light);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.not-found-resource-card:hover{transform:translateY(-4px)}.not-found-resource-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.not-found-resource-card-tag{justify-self:start;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-brand-sky-muted);color:var(--color-ink);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.not-found-resource-card h3{margin:0;font-family:var(--font-family-base);font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:1.3;letter-spacing:0}.not-found-resource-card p{margin:0;color:var(--color-hero-text-muted);line-height:var(--line-height-relaxed)}.not-found-resource-card-read-time{color:var(--color-hero-text-muted);font-size:var(--font-size-body-sm)}