@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}.nf{--nf-paper: #FAFBFC;--nf-ink: #14161A;--nf-muted: #5B616B;--nf-faint: #8A9099;--nf-border: #E6E8EC;--nf-yellow: #FFC800;box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:48px 20px;background:var(--nf-paper);color:var(--nf-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.nf *,.nf *:before,.nf *:after{box-sizing:border-box}.nf[hidden]{display:none}.nf-scene{position:relative;width:min(360px,100%);perspective:900px}.nf-ghost{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#fff;border:1px solid var(--nf-border);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.nf-ghost-1{transform:rotate(-4deg) translateY(10px);opacity:.7}.nf-ghost-2{transform:rotate(3deg) translateY(16px);opacity:.45}.nf-scene:hover .nf-ghost-1{transform:rotate(-9deg) translate(-26px,14px)}.nf-scene:hover .nf-ghost-2{transform:rotate(8deg) translate(26px,20px)}.nf-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--nf-border);border-radius:18px;box-shadow:0 18px 40px -18px #14161a40;animation:nf-drop .7s cubic-bezier(.2,.9,.25,1.15) backwards;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.nf-scene:hover .nf-card{transform:rotateX(4deg) rotateY(-6deg) translateY(-4px)}@keyframes nf-drop{0%{transform:translateY(-28px) rotate(-3deg)}to{transform:none}}.nf-head{display:flex;align-items:center;gap:10px;padding:14px 16px}.nf-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef0f3;color:var(--nf-faint);font-weight:700}.nf-who{display:flex;flex-direction:column;min-width:0;line-height:1.25}.nf-who strong{font-size:14px}.nf-who small{font-size:12px;color:var(--nf-faint)}.nf-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;color:#b42318;background:#fef3f2;border:1px solid #FEE4E2}.nf-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:nf-blink 1.6s ease-in-out infinite}@keyframes nf-blink{50%{opacity:.25}}.nf-visual{aspect-ratio:4 / 3;max-width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#f1f2f4 25%,#e9ebee 25%,#e9ebee 50%,#f1f2f4 50%,#f1f2f4 75%,#e9ebee 75%);background-size:40px 40px;animation:nf-stripes 3s linear infinite}@keyframes nf-stripes{to{background-position:40px 0}}.nf-code{font-size:clamp(64px,18vw,96px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--nf-ink);background:linear-gradient(transparent 62%,rgba(255,200,0,.62) 62% 90%,transparent 90%);padding:0 6px}.nf-body{display:flex;flex-direction:column;gap:6px;padding:16px 16px 4px}.nf-body h1{margin:0;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.nf-body p{margin:0;font-size:14.5px;line-height:1.55;color:var(--nf-muted)}.nf-body .nf-meta{font-size:12.5px;color:var(--nf-faint);font-variant-numeric:tabular-nums}.nf-cta{display:flex;justify-content:center;margin:14px 16px 16px;padding:12px 16px;border-radius:10px;background:var(--nf-ink);color:#fff;font-size:14.5px;font-weight:600;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.nf-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px #14161a80}.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:14px}.nf-links a{color:var(--nf-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--nf-yellow);text-decoration-thickness:2px;text-underline-offset:3px}.nf-cta:focus-visible,.nf-links a:focus-visible{outline:2px solid var(--nf-yellow);outline-offset:3px}@media (prefers-reduced-motion: reduce){.nf-card,.nf-visual,.nf-badge:before{animation:none}.nf-card,.nf-ghost,.nf-cta{transition:none}}