.sfnf{min-height:calc(100vh - 60px);color:var(--sf-ink);font-family:var(--sf-font-body);justify-content:center;align-items:center;padding:48px 24px 72px;display:flex;position:relative}.sfnf-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;display:flex}.sfnf-art{width:200px;height:200px}.sfnf-shadow{fill:var(--sf-border)}.sfnf-bag{fill:var(--sf-surface);stroke:var(--sf-ink)}.sfnf-handle{stroke:var(--sf-ink)}.sfnf-q{stroke:var(--sf-accent)}.sfnf-q-dot{fill:var(--sf-accent)}.sfnf-dot-1{fill:#f2b544}.sfnf-dot-2{fill:var(--sf-accent);animation-delay:.8s}.sfnf-dot-3{fill:#8db39a;animation-delay:.4s}.sfnf-title{font-family:var(--sf-font-display);font-weight:var(--sf-heading-weight);letter-spacing:var(--sf-heading-tracking);color:var(--sf-ink);margin:0;font-size:clamp(30px,5vw,40px);line-height:1.1}.sfnf-sub{color:var(--sf-ink-soft);margin:0;font-size:17px;line-height:1.6}.sfnf-btn{background:var(--sf-accent);color:var(--sf-accent-on);border-radius:999px;justify-content:center;align-items:center;margin-top:6px;padding:15px 26px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.sfnf-btn:hover{background:color-mix(in srgb, var(--sf-accent) 84%, var(--sf-ink));color:var(--sf-accent-on-hover)}.sfnf-order{color:var(--sf-ink-soft);margin:10px 0 0;font-size:13px}.sfnf-order a{color:var(--sf-ink);text-underline-offset:3px;text-decoration:underline}.sfnf-code{color:var(--sf-ink-soft);font-size:11.5px;position:absolute;bottom:20px;left:24px}@keyframes sfnf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sfnf-blink{0%,to{opacity:.2}50%{opacity:1}}.sfnf-bob{animation:3.2s ease-in-out infinite sfnf-bob}.sfnf-blink{animation:1.6s ease-in-out infinite sfnf-blink}@media (prefers-reduced-motion:reduce){.sfnf-bob,.sfnf-blink{animation:none}}@media (max-width:480px){.sfnf-art{width:160px;height:160px}.sfnf{padding:32px 20px 64px}}