.nf-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;filter:saturate(1.1) contrast(1.05)}.blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(60px);opacity:.35;mix-blend-mode:screen}.blob.b1{background:#2039ff;left:-10vmax;top:-12vmax;animation:float 18s ease-in-out infinite}.blob.b2{background:#8b5cf6;right:-12vmax;bottom:-14vmax;animation:float 22s ease-in-out infinite reverse}.blob.b3{background:#00e5ff;left:30%;top:60%;animation:float 26s ease-in-out infinite;opacity:.25}.scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 2px,transparent 4px);mix-blend-mode:soft-light;animation:scan 6s linear infinite;pointer-events:none}@keyframes float{0%{transform:translateZ(0)}50%{transform:translate3d(0,-3%,0)}to{transform:translateZ(0)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.blob,.scan{animation:none!important}}.nf-watermark{position:absolute;right:16px;top:16px;width:88px;opacity:.14;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4));transition:opacity .3s ease}.nf-watermark:hover{opacity:.25}@media (max-width: 480px){.nf-watermark{width:64px}}.nf-code{position:relative;font-size:clamp(64px,16vw,200px);line-height:.8;font-weight:900;letter-spacing:-.04em;color:transparent}.nf-code .glitch{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;text-shadow:-2px 0 #77e9ff,2px 0 #8b5cf6;animation:glitch 2.2s infinite steps(2);font-variation-settings:"wght" 900}.nf-code .layer{display:inline-block;background:linear-gradient(90deg,#77e9ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 20px rgba(119,233,255,.35)) drop-shadow(0 3px 10px rgba(139,92,246,.35));animation:pulse 3.6s ease-in-out infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px) skew(2deg)}40%{transform:translate(1px,-1px) skew(-2deg)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes pulse{0%,to{filter:drop-shadow(0 6px 20px rgba(119,233,255,.28)) drop-shadow(0 3px 10px rgba(139,92,246,.28))}50%{filter:drop-shadow(0 10px 30px rgba(119,233,255,.5)) drop-shadow(0 6px 18px rgba(139,92,246,.5))}}@media (prefers-reduced-motion: reduce){.nf-code .glitch,.nf-code .layer{animation:none!important}}.nf-message h1{margin:0 0 8px;font-size:clamp(18px,3vw,28px);font-weight:700}.nf-message p{margin:0;color:#b7b7c9;font-size:clamp(14px,2.2vw,18px)}.nf-message strong{color:#fff}.nf-hero-wrap{position:relative;--size: min(360px, 70vw);--pad: 20px;width:var(--size);aspect-ratio:1/1;margin:0 auto;display:grid;place-items:center;cursor:pointer;padding:var(--pad);border-radius:50%;--p: 0;--ring-thickness: 16px;--ring-c1: #77e9ff;--ring-c2: #00b3ff;--ring-c3: #2ea8ff;--ring-fade: 24deg}.nf-hero{position:relative;width:100%;height:100%;perspective:900px;border-radius:50%;overflow:hidden;box-shadow:0 20px 50px #00000073}.nf-hero-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:0;background:conic-gradient(from -90deg,var(--ring-c1) 0,var(--ring-c2) calc(var(--p) * .5turn),var(--ring-c3) calc(var(--p) * 1turn - var(--ring-fade)),transparent calc(var(--p) * 1turn)),conic-gradient(from -90deg,#ffffff29 0,#ffffff29 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-thickness)),#000 calc(100% - var(--ring-thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-thickness)),#000 calc(100% - var(--ring-thickness)));filter:drop-shadow(0 2px 10px rgba(119,233,255,.45))}.nf-hero-wrap[aria-pressed=true]:after,.nf-hero-wrap[aria-pressed=true]:before{opacity:.6}.nf-hero-wrap:focus-visible{outline:2px solid rgba(119,233,255,.7);outline-offset:3px;border-radius:50%}.hero-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;animation:hoverFloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.shockwave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:0 0 #8b5cf659;animation:wave 2.6s ease-out infinite;z-index:0}.hero-sec{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:3;padding:4px 10px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(180deg,#0f1020b3,#0f10204d);border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes hoverFloat{0%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-6px) rotateX(1.5deg)}to{transform:translateY(0) rotateX(0)}}@keyframes wave{0%{box-shadow:0 0 #8b5cf659}to{box-shadow:0 0 0 40px #8b5cf600}}@media (prefers-reduced-motion: reduce){.hero-img,.shockwave{animation:none!important}}@media (max-width: 640px){.nf-hero-wrap{--size: min(80vw, 340px);width:var(--size);height:var(--size);aspect-ratio:auto}}@media (hover: none) and (pointer: coarse){.hero-img{animation:none;transform:none!important}}.nf-root{position:relative;height:100%}.nf-stage{position:relative;z-index:2;min-height:100%;padding:24px;display:flex;align-items:center;justify-content:center}.nf-row{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1080px}.nf-content{display:grid;gap:8px;align-items:start;justify-items:center;text-align:center}@media (min-width: 900px){.nf-row{flex-direction:row;align-items:center;gap:24px}.nf-content{justify-items:start;text-align:left}}:root{--bg-0: #0b0b16;--bg-1: #0f1020;--bg-2: #10122a;--txt: #e6e6f0;--muted: #b7b7c9}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--txt);background:radial-gradient(1200px 900px at 10% 10%,#12122a 0%,transparent 60%),radial-gradient(1000px 800px at 90% 90%,#1a0f2a 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow:hidden}@media (prefers-reduced-motion: reduce){.blob,.scan,.hero-img,.shockwave,.nf-code .glitch,.nf-code .layer{animation:none!important}}
