.nfRoot{color:#fff;background:#030811;justify-content:center;align-items:center;min-height:100vh;font-family:Space Grotesk,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.nfGrid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;animation:12s ease-in-out infinite alternate gridDrift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:30px 30px,30px 30px}}.nfGlow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ef44441f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite glowPulse;position:fixed;top:-30%;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.nfCenter{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:560px;padding:2rem;display:flex;position:relative}.nfCode{letter-spacing:-.04em;color:#0000;background:linear-gradient(135deg,#fff 20%,#ef4444 60%,#991b1b);-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(5rem,18vw,10rem);font-weight:900;line-height:1;animation:.6s both fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.nfCode.glitch:before,.nfCode.glitch:after{content:attr(data-text);width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;background:inherit;color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.nfCode.glitch:before{clip-path:polygon(0 0,100% 0,100% 40%,0 40%);animation:.2s glitchTop}.nfCode.glitch:after{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:.2s glitchBot}@keyframes glitchTop{0%{transform:translate(0)}30%{filter:hue-rotate(90deg);transform:translate(-4px,-2px)}60%{transform:translate(4px,1px)}to{transform:translate(0)}}@keyframes glitchBot{0%{transform:translate(0)}30%{filter:hue-rotate(-90deg);transform:translate(4px,2px)}60%{transform:translate(-4px,-1px)}to{transform:translate(0)}}.nfFlatlineWrap{flex-shrink:0;width:280px;height:50px}.flatlineSvg{width:100%;height:100%;display:block;overflow:visible}.flatlinePath{stroke-dasharray:800;stroke-dashoffset:800px;animation:1.2s .3s forwards drawLine,.8s 2.2s forwards flatlineOut}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes flatlineOut{to{stroke-dashoffset:-800px;opacity:.15}}.nfTitle{color:#fff;margin:0;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;animation:.5s .4s both fadeUp}.nfDesc{color:#ffffff80;margin:0;font-size:.95rem;line-height:1.7;animation:.5s .55s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nfStats{flex-direction:column;gap:.5rem;width:100%;animation:.5s .7s both fadeUp;display:flex}.nfStatPill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .8rem;display:flex}.nfStatLabel{color:#ffffff80;flex-shrink:0;width:100px;font-size:.75rem;font-weight:600}.nfStatBar{background:#ffffff0f;border-radius:99px;flex:1;height:5px;overflow:hidden}.nfStatFill{border-radius:99px;height:100%}.nfStatVal{color:#f87171;text-align:right;flex-shrink:0;width:1.5rem;font-size:.72rem;font-weight:700}.nfActions{flex-wrap:wrap;justify-content:center;gap:.75rem;animation:.5s .85s both fadeUp;display:flex}.nfBtn{cursor:pointer;white-space:nowrap;border-radius:10px;padding:.65rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .18s,transform .12s,box-shadow .18s}.nfBtn.primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 18px #2563eb59}.nfBtn.primary:hover{filter:brightness(1.15);box-shadow:0 6px 28px #2563eb8c}.nfBtn.primary:active{transform:scale(.96)}.nfBtn.secondary{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1f}.nfBtn.secondary:hover{color:#fff;background:#ffffff1a}.nfBtn.secondary:active{transform:scale(.96)}
