.nf-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative;overflow:hidden}.nf-blob{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite alternate nf-blob-drift;position:absolute}.nf-blob--1{background:#0c3cc312;width:600px;height:600px;animation-delay:0s;top:-150px;right:-150px}.nf-blob--2{background:#60a5fa17;width:400px;height:400px;animation-delay:2s;bottom:-100px;left:-100px}.nf-blob--3{background:#0c3cc30d;width:300px;height:300px;animation-delay:4s;top:40%;left:40%}@keyframes nf-blob-drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.nf-particles{pointer-events:none;z-index:0;position:absolute;inset:0}.nf-particle{opacity:0;background:#0c3cc3;border-radius:50%;width:6px;height:6px;animation:6s ease-in-out infinite nf-particle-float;position:absolute}.nf-particle--1{opacity:.15;width:4px;height:4px;animation-delay:0s;top:20%;left:10%}.nf-particle--2{opacity:.1;width:8px;height:8px;animation-delay:.8s;top:15%;left:85%}.nf-particle--3{opacity:.12;width:5px;height:5px;animation-delay:1.6s;top:75%;left:25%}.nf-particle--4{opacity:.1;width:6px;height:6px;animation-delay:2.4s;top:80%;left:70%}.nf-particle--5{opacity:.15;width:4px;height:4px;animation-delay:3.2s;top:10%;left:50%}.nf-particle--6{opacity:.08;width:7px;height:7px;animation-delay:.4s;top:50%;left:90%}.nf-particle--7{opacity:.12;width:5px;height:5px;animation-delay:1.2s;top:60%;left:5%}.nf-particle--8{opacity:.1;width:4px;height:4px;animation-delay:2s;top:90%;left:40%}.nf-particle--9{opacity:.07;width:8px;height:8px;animation-delay:2.8s;top:30%;left:60%}.nf-particle--10{opacity:.12;width:5px;height:5px;animation-delay:3.6s;top:40%;left:15%}.nf-particle--11{opacity:.09;width:6px;height:6px;animation-delay:1s;top:65%;left:75%}.nf-particle--12{opacity:.14;width:4px;height:4px;animation-delay:4s;top:5%;left:35%}@keyframes nf-particle-float{0%,to{opacity:inherit;transform:translateY(0)scale(1)}50%{opacity:.3;transform:translateY(-24px)scale(1.3)}}.nf-content{z-index:1;text-align:center;width:100%;max-width:640px;position:relative}.nf-code{color:#0c3cc3;letter-spacing:-8px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:clamp(100px,18vw,180px);font-weight:900;line-height:1;display:flex}.nf-code__digit{animation:4s infinite nf-glitch;display:inline-block;position:relative}.nf-code__digit:before,.nf-code__digit:after{content:attr(data-text);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nf-code__digit:before{color:#60a5fa;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:4s infinite nf-glitch-top}.nf-code__digit:after{color:#f87171;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:4s infinite nf-glitch-bottom}@keyframes nf-glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px,2px)}98%{transform:translate(2px,-2px)}}@keyframes nf-glitch-top{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.8;transform:translate(-4px,-2px)}94%{opacity:.6;transform:translate(4px,2px)}96%{opacity:0;transform:translate(0)}}@keyframes nf-glitch-bottom{0%,90%,to{opacity:0;transform:translate(0)}93%{opacity:.8;transform:translate(4px,2px)}95%{opacity:.6;transform:translate(-4px,-2px)}97%{opacity:0;transform:translate(0)}}.nf-code__zero{justify-content:center;align-items:center;display:inline-flex;position:relative}.nf-code__orbit{border:2px dashed #0c3cc333;border-radius:50%;width:110%;height:110%;animation:6s linear infinite nf-orbit-spin;position:absolute}.nf-code__planet{transform-origin:50% calc(50% + .55em);background:linear-gradient(135deg,#60a5fa,#0c3cc3);border-radius:50%;width:14px;height:14px;animation:6s linear infinite nf-orbit-spin;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #0c3cc380}@keyframes nf-orbit-spin{0%{transform:rotate(0)translate(-50%)}to{transform:rotate(360deg)translate(-50%)}}.nf-badge{color:#0c3cc3;letter-spacing:1px;text-transform:uppercase;background:#eef2ff;border:1px solid #c7d9fb;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:700;animation:.6s .1s both nf-fade-up;display:inline-flex}.nf-heading{color:#0a1f6e;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.2;animation:.6s .2s both nf-fade-up}.nf-heading--accent{background:linear-gradient(90deg,#0c3cc3,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nf-desc{color:#666;margin:0 0 36px;font-size:16px;line-height:1.75;animation:.6s .3s both nf-fade-up}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;animation:.6s .4s both nf-fade-up;display:flex}.nf-btn{white-space:nowrap;border-radius:50px;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex}.nf-btn--primary{color:#fff;background:#0c3cc3;box-shadow:0 8px 24px #0c3cc347}.nf-btn--primary:hover{color:#fff;background:#031e69;transform:translateY(-2px);box-shadow:0 12px 32px #0c3cc361}.nf-btn--secondary{color:#0c3cc3;background:#eef2ff;border:1.5px solid #c7d9fb}.nf-btn--secondary:hover{color:#031e69;background:#dce6ff;transform:translateY(-2px)}.nf-btn--ghost{color:#555;background:0 0;border:1.5px solid #e0e6f0}.nf-btn--ghost:hover{color:#0c3cc3;background:#f5f7ff;border-color:#c7d9fb;transform:translateY(-2px)}.nf-suggestions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;animation:.6s .5s both nf-fade-up;display:flex}.nf-suggestions__label{color:#999;font-size:13px;font-weight:500}.nf-suggestions__link{color:#0c3cc3;background:#f0f4ff;border:1px solid #dce6ff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s}.nf-suggestions__link:hover{color:#fff;background:#0c3cc3;border-color:#0c3cc3}@keyframes nf-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.nf-code{letter-spacing:-4px;gap:4px}.nf-actions{flex-direction:column;align-items:center}.nf-btn{justify-content:center;width:100%}.nf-code__orbit,.nf-code__planet{display:none}}@media (prefers-color-scheme:dark){.nf-page{background:#080e1f}.nf-blob--1{background:#0c3cc32e}.nf-blob--2{background:#60a5fa1f}.nf-blob--3{background:#0c3cc31a}.nf-particle{background:#60a5fa}.nf-code{color:#5b9cf6}.nf-code__orbit{border-color:#60a5fa4d}.nf-badge{color:#93b8ff;background:#0c3cc340;border-color:#60a5fa4d}.nf-heading{color:#e8eeff}.nf-heading--accent{background:linear-gradient(90deg,#5b9cf6,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nf-desc{color:#94a3b8}.nf-btn--primary{background:#1d4ed8;box-shadow:0 8px 24px #1d4ed866}.nf-btn--primary:hover{background:#2563eb;box-shadow:0 12px 32px #1d4ed88c}.nf-btn--secondary{color:#93b8ff;background:#0c3cc333;border-color:#60a5fa4d}.nf-btn--secondary:hover{color:#bdd4ff;background:#0c3cc359}.nf-btn--ghost{color:#94a3b8;border-color:#ffffff1a}.nf-btn--ghost:hover{color:#93b8ff;background:#ffffff0f;border-color:#60a5fa4d}.nf-suggestions__label{color:#64748b}.nf-suggestions__link{color:#93b8ff;background:#0c3cc333;border-color:#60a5fa33}.nf-suggestions__link:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}}
