.nf{--nf-ease:var(--nx-ease-out,cubic-bezier(.16, 1, .3, 1));--nf-gold:var(--accent,#d4af37);--nf-line:var(--border,#e8e6e1);--nf-fg:var(--foreground,#0a0a0b);--nf-muted:var(--foreground-muted,#6b6b73);isolation:isolate;background:var(--background,#f7f6f3);min-height:100svh;color:var(--nf-fg);font-family:var(--font-sans,"Inter", system-ui, sans-serif);place-items:center;padding:96px 16px 48px;display:grid;position:relative;overflow:hidden}.nf-grid{z-index:-2;background-image:linear-gradient(to right, var(--nf-line) 1px, transparent 1px), linear-gradient(to bottom, var(--nf-line) 1px, transparent 1px);opacity:.7;background-size:64px 64px;animation:24s linear infinite nf-pan;position:absolute;inset:-64px;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%)}.nf-beam{z-index:-1;background:linear-gradient(to bottom, transparent, var(--nf-gold) 45%, var(--nf-gold) 55%, transparent);opacity:0;width:1px;animation:nf-sweep 7s var(--nf-ease) 1.6s infinite;position:absolute;top:-20%;bottom:-20%;left:50%;transform:translate(-60vw)rotate(24deg)}.nf-card{text-align:center;justify-items:center;gap:20px;width:100%;max-width:560px;display:grid}.nf-eyebrow{border:1px solid var(--nf-line);border-radius:var(--radius-sm,2px);background:var(--surface,#fff);color:var(--accent-text,#7f6210);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;animation:nf-rise .6s var(--nf-ease) both;align-items:center;gap:10px;margin:0;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.nf-dot{background:var(--nf-gold);border-radius:50%;width:6px;height:6px;position:relative}.nf-dot:after{content:"";border:1px solid var(--nf-gold);animation:nf-ping 1.8s var(--nf-ease) infinite;border-radius:50%;position:absolute;inset:-4px}.nf-code{font-family:var(--font-display,"Montserrat", system-ui, sans-serif);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.06em;margin:4px 0 0;font-size:clamp(96px,24vw,200px);font-weight:700;line-height:1;display:flex}.nf-digit{animation:nf-rise .8s var(--nf-ease) both;display:block}.nf-digit:last-child{animation-delay:.16s}.nf-n{width:auto;height:.74em;color:var(--nf-fg);animation:nf-rise .8s var(--nf-ease) 80ms both;display:block;overflow:visible}.nf-n .o{fill:none;stroke:currentColor;stroke-width:10px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:nf-draw 1.2s var(--nf-ease) .2s forwards}.nf-n .f{fill:currentColor;fill-opacity:0;animation:.6s 1.1s forwards nf-fill}.nf-n .t{fill:none;stroke:var(--nf-gold);stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.14 .86;opacity:0;animation:.4s 1.5s forwards nf-show,2.4s linear 1.5s infinite nf-trace}.nf-title{font-family:var(--font-display,"Montserrat", system-ui, sans-serif);letter-spacing:-.02em;color:var(--nf-fg);text-wrap:balance;animation:nf-rise .7s var(--nf-ease) .3s both;margin:8px 0 0;font-size:clamp(24px,4.6vw,34px);font-weight:600;line-height:1.12}.nf-text{max-width:44ch;color:var(--nf-muted);text-wrap:pretty;animation:nf-rise .7s var(--nf-ease) .4s both;margin:0;font-size:16px;line-height:1.6}.nf-actions{animation:nf-rise .7s var(--nf-ease) .5s both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.nf-btn{border-radius:var(--radius-md,4px);min-height:44px;font:inherit;cursor:pointer;transition:background-color var(--d2,.2s) ease, border-color var(--d2,.2s) ease, color var(--d2,.2s) ease, transform var(--d2,.2s) var(--nf-ease);border:1px solid #0000;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.nf-btn:active{transform:translateY(1px)}.nf-btn:focus-visible{outline:2px solid var(--ring,#8f6f12);outline-offset:2px}.nf-btn svg{transition:transform var(--d2,.2s) var(--nf-ease)}.nf-btn--primary{background:var(--primary,#000);color:var(--primary-foreground,#f7f6f3)}.nf-btn--primary:hover{background:var(--primary-hover,#1e1e21);color:var(--primary-foreground,#f7f6f3)}.nf-btn--primary:hover svg{transform:translate(3px)}.nf-btn--ghost{border-color:var(--border-strong,#d9d7d1);color:var(--nf-fg);background:0 0}.nf-btn--ghost:hover{border-color:var(--nf-fg);background:color-mix(in srgb, var(--nf-fg) 6%, transparent)}.nf-btn--ghost:hover svg{transform:translate(-3px)}.nf-trace{max-width:100%;font-family:var(--font-mono,ui-monospace, monospace);color:var(--nf-muted);animation:nf-rise .7s var(--nf-ease) .6s both;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;font-size:12px;display:inline-flex}.nf-trace-path{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;color:var(--nf-fg);overflow:hidden}.nf-trace-path:after{content:"";vertical-align:-.15em;background:var(--nf-gold);width:7px;height:1em;margin-left:2px;animation:1s step-end infinite nf-caret;display:inline-block}.nf-trace-code{color:var(--accent-text,#7f6210);font-weight:600}@keyframes nf-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes nf-draw{to{stroke-dashoffset:0}}@keyframes nf-fill{to{fill-opacity:1}}@keyframes nf-show{to{opacity:1}}@keyframes nf-trace{to{stroke-dashoffset:-1px}}@keyframes nf-pan{to{background-position:64px 64px}}@keyframes nf-sweep{0%{opacity:0;transform:translate(-60vw)rotate(24deg)}15%{opacity:.55}45%,to{opacity:0;transform:translate(60vw)rotate(24deg)}}@keyframes nf-ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes nf-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.nf *,.nf :before,.nf :after{animation:none!important}.nf-n .o{stroke-dashoffset:0}.nf-n .f{fill-opacity:1}.nf-beam{display:none}}:root[data-motion=off] .nf *,:root[data-motion=off] .nf :before,:root[data-motion=off] .nf :after{animation:none!important}:root[data-motion=off] .nf-n .o{stroke-dashoffset:0}:root[data-motion=off] .nf-n .f{fill-opacity:1}:root[data-motion=off] .nf-beam{display:none}@media (max-width:480px){.nf{padding-top:72px}.nf-actions{width:100%}.nf-btn{flex:100%;justify-content:center}}