.nf{box-sizing:border-box;--mx:0;--my:0;color:#e6edf5;min-height:calc(100dvh - 90px);font-family:var(--font-inter), system-ui, sans-serif;isolation:isolate;background:radial-gradient(at 50% 0,#17365a 0%,#0f2236 45%,#0a1726 100%);place-items:center;padding:32px 16px;display:grid;position:relative;overflow:hidden}.nf-stars{z-index:-1;background-repeat:repeat;transition:transform .35s ease-out;position:absolute;inset:-6%}.nf-stars.s1{opacity:.55;transform:translate(calc(var(--mx) * -6px), calc(var(--my) * -6px));background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 110px 80px,#cfe8ff,#0000),radial-gradient(1px 1px at 180px 150px,#fff,#0000),radial-gradient(1px 1px at 70px 190px,#bfe3ff,#0000);background-size:220px 220px;animation:5s ease-in-out infinite nf-twinkle}.nf-stars.s2{opacity:.6;transform:translate(calc(var(--mx) * -12px), calc(var(--my) * -12px));background-image:radial-gradient(1.5px 1.5px at 60px 60px,#fff,#0000),radial-gradient(1.5px 1.5px at 200px 140px,#9fdcff,#0000),radial-gradient(1.5px 1.5px at 130px 230px,#fff,#0000);background-size:300px 300px;animation:7s ease-in-out -2s infinite nf-twinkle,140s linear infinite nf-drift}.nf-stars.s3{opacity:.8;transform:translate(calc(var(--mx) * -22px), calc(var(--my) * -22px));background-image:radial-gradient(2px 2px at 90px 120px,#fff,#0000),radial-gradient(2px 2px at 260px 40px,#7de3ff,#0000);background-size:380px 380px;animation:4s ease-in-out -1s infinite nf-twinkle}.nf-shoot{opacity:0;z-index:-1;background:linear-gradient(90deg,#0000,#bfe9ff);border-radius:2px;width:140px;height:2px;animation:11s ease-in 2s infinite nf-shoot;position:absolute;top:12%;left:-10%;transform:rotate(24deg)}.nf-shoot.two{width:100px;animation-duration:13s;animation-delay:7.5s;top:34%}.nf-glow{filter:blur(100px);z-index:-1;border-radius:50%;animation:16s ease-in-out infinite nf-float;position:absolute}.nf-glow.a{opacity:.3;background:#2f6fed;width:46vmax;height:46vmax;top:-20vmax;left:-14vmax}.nf-glow.b{opacity:.2;background:#00c2ff;width:38vmax;height:38vmax;animation-delay:-7s;bottom:-22vmax;right:-12vmax}.nf-horizon{z-index:-1;background:radial-gradient(at 50% 0,#00c2ff47,#2f6fed1a 40%,#0000 70%);border-top:1px solid #7de3ff47;border-radius:50%;height:56vmin;position:absolute;bottom:-34vmin;left:-10%;right:-10%}.nf-card{box-sizing:border-box;z-index:1;text-align:center;-webkit-backdrop-filter:blur(14px);width:min(620px,100%);transform:translate(calc(var(--mx) * 5px), calc(var(--my) * 3px));background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid #ffffff1c;border-radius:28px;padding:clamp(28px,5vw,46px) clamp(18px,4vw,38px);animation:.9s cubic-bezier(.2,.8,.2,1) both nf-rise;position:relative;box-shadow:0 30px 90px #00000073,inset 0 1px #ffffff17}.nf-code{letter-spacing:-.04em;justify-content:center;align-items:center;gap:clamp(2px,1vw,10px);font-size:clamp(88px,25vw,172px);font-weight:900;line-height:1;display:flex}.nf-code .d{background:linear-gradient(#fff 0%,#b9d8ff 38%,#4f8dff 100%);color:#0000;filter:drop-shadow(0 10px 34px #2f6fed80);-webkit-background-clip:text;background-clip:text;animation:.9s cubic-bezier(.2,.8,.2,1) .1s both nf-rise,7s ease-in-out 1s infinite nf-bob;display:inline-block}.nf-code .d:last-child{animation-delay:.22s,1.6s}.nf-ring{width:.8em;height:.8em;margin:0 .09em;animation:.9s cubic-bezier(.2,.8,.2,1) .16s both nf-rise,7s ease-in-out .5s infinite nf-bob;display:inline-block;position:relative}.nf-ring i{border-radius:50%;display:block;position:absolute}.nf-ring .glow{background:conic-gradient(from 0deg, transparent 0 55%, #00c2ff8c 85%, #7de3ffcc 100%);filter:blur(.14em);animation:1.7s linear infinite nf-spin;inset:-10%}.nf-ring .track,.nf-ring .torus{inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .13em),#000 calc(100% - .125em));mask:radial-gradient(farthest-side,#0000 calc(100% - .13em),#000 calc(100% - .125em))}.nf-ring .track{background:#7dc8ff29}.nf-ring .torus{background:conic-gradient(from 0deg, transparent 0 40%, #4f8dff 62%, #00c2ff 84%, #eafcff 100%);animation:1.7s linear infinite nf-spin}.nf-ring .inner{background:radial-gradient(circle,#00c2ff1f,#0a172659 70%);inset:.13em}.nf-ring .ping{opacity:0;border:1px solid #7de3ffb3;width:.5em;height:.5em;margin:-.25em 0 0 -.25em;animation:2.8s ease-out infinite nf-ping;top:50%;left:50%}.nf-ring .ping.b{animation-delay:1.4s}.nf-tag{letter-spacing:.34em;color:#7de3ff;text-transform:uppercase;margin:8px 0 4px;font-size:12px;font-weight:800;animation:.9s .3s both nf-rise}.nf h1{letter-spacing:-.01em;margin:10px 0 8px;font-size:clamp(22px,4.8vw,31px);font-weight:800;animation:.9s .38s both nf-rise}.nf-sub{color:#a9b9cb;max-width:440px;margin:0 auto 26px;font-size:clamp(14px,3.6vw,16px);line-height:1.65;animation:.9s .46s both nf-rise}.nf-btns{flex-wrap:wrap;justify-content:center;gap:12px;animation:.9s .54s both nf-rise;display:flex}.nf-btn{color:#e6edf5;border:1px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.nf-btn:hover{background:#ffffff17;transform:translateY(-2px)}.nf-btn.pri{color:#fff;background:linear-gradient(135deg,#2f6fed,#00a8e8);border-color:#0000;box-shadow:0 10px 30px #2f6fed73}.nf-btn.pri:hover{background:linear-gradient(135deg,#3b7bff,#00b8f5);box-shadow:0 14px 38px #00a8e88c}.nf-btn b{transition:transform .2s}.nf-btn:hover b{transform:translate(4px)}.nf-links{flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:22px;font-size:13.5px;animation:.9s .62s both nf-rise;display:flex}.nf-links a{color:#8fb4dc;border-bottom:1px dashed #8fb4dc66;padding-bottom:1px;text-decoration:none}.nf-links a:hover{color:#fff;border-color:#fff}@keyframes nf-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes nf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes nf-spin{to{transform:rotate(360deg)}}@keyframes nf-ping{0%{opacity:.9;transform:scale(.15)}to{opacity:0;transform:scale(1.05)}}@keyframes nf-pulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}@keyframes nf-float{0%,to{transform:translate(0)}50%{transform:translate(5vmax,4vmax)}}@keyframes nf-twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes nf-drift{to{background-position:300px 300px}}@keyframes nf-shoot{0%{opacity:0;transform:translate(0)rotate(24deg)}2%{opacity:1}8%{opacity:0;transform:translate(70vw,32vw)rotate(24deg)}to{opacity:0;transform:translate(70vw,32vw)rotate(24deg)}}@media (max-width:480px){.nf{padding:20px 12px}.nf-tag{letter-spacing:.24em;font-size:11.5px}.nf-btn{padding:12px 22px}}@media (max-height:560px) and (orientation:landscape){.nf{place-items:start center;padding-top:14px}.nf-code{font-size:clamp(64px,18vh,110px)}}@media (prefers-reduced-motion:reduce){.nf *,.nf:before,.nf-glow,.nf-stars{transition:none!important;animation:none!important}.nf-shoot{display:none}}