.nf{--nf-accent:#f17105;--nf-ink:#0d0d0d;background:var(--nf-ink);color:#f7f2e8;flex-direction:column;justify-content:center;gap:56px;min-height:100vh;padding:64px 0;font-family:Birzia,sans-serif;display:flex;overflow:hidden}.nf-center{text-align:center;flex-direction:column;align-items:center;padding:0 20px;display:flex}.nf-code{letter-spacing:-.04em;margin:0;font-size:clamp(110px,22vw,260px);font-weight:900;line-height:.9;animation:.9s cubic-bezier(.2,.8,.2,1) both nf-up}.nf-code span{color:#0000;-webkit-text-stroke:3px var(--nf-accent)}.nf-title{margin:18px 0 32px;font-size:clamp(22px,3.2vw,40px);font-weight:700;animation:.9s cubic-bezier(.2,.8,.2,1) .15s both nf-up}.nf-btn{border:1px solid var(--nf-accent);color:#fff;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 22px;text-decoration:none;animation:.9s cubic-bezier(.2,.8,.2,1) .3s both nf-up;display:inline-flex;position:relative;overflow:hidden}.nf-btn-fill{background:var(--nf-accent);clip-path:circle(0% at 100%);border-radius:999px;transition:clip-path .5s;position:absolute;inset:0}.nf-btn:hover .nf-btn-fill{clip-path:circle(150% at 100%)}.nf-btn-box{background:var(--nf-accent);border-radius:999px;place-items:center;width:44px;height:44px;transition:transform .4s;display:grid;position:relative}.nf-btn:hover .nf-btn-box{transform:translate(-4px)}.nf-btn-box svg{width:20px;height:20px}.nf-btn-label{font-size:18px;font-weight:500;position:relative}.nf-rows{flex-direction:column;gap:18px;display:flex;transform:rotate(-2deg)}.nf-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.nf-track{gap:18px;width:max-content;animation:40s linear infinite nf-marquee;display:flex}.nf-track--rev{animation-direction:reverse}.nf-card{aspect-ratio:16/10;border-radius:16px;flex:none;width:280px;margin:0;overflow:hidden}.nf-card img{object-fit:cover;width:100%;height:100%;display:block}@keyframes nf-marquee{to{transform:translate(calc(-50% - 9px))}}@keyframes nf-up{0%{opacity:0;transform:translateY(30px)}}@media(max-width:767px){.nf{gap:40px}.nf-card{width:190px}.nf-code span{-webkit-text-stroke-width:2px}}@media(prefers-reduced-motion:reduce){.nf-track{animation:none}}
