@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap";
.not-found-page{--nf-cyan:#00e5ff;color:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative}.not-found-page .nf-nav{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#04060fbf;justify-content:flex-start;align-items:center;padding:18px 56px;display:flex;position:fixed;top:0;left:0;right:0}.not-found-page .nf-nav-logo{text-decoration:none;display:flex}@media (max-width:960px){.not-found-page .nf-nav{padding:14px 24px}}.nf-bg{z-index:0;background:url(/assets/hellococo-404-bg.png) 50%/cover no-repeat;position:fixed;inset:0}.nf-bg:after{content:"";background:radial-gradient(60% 50% at 50% 100%,#040612f2 40%,#0000 100%),linear-gradient(#0406128c 0%,#04061233 40%,#040612bf 80%,#040612f7 100%);position:absolute;inset:0}.nf-stage{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:120px 1.5rem 80px;display:flex;position:relative}.nf-stage h1{font-family:var(--font-head);letter-spacing:-.01em;color:#fff;white-space:nowrap;max-width:600px;margin-bottom:1.1rem;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:600;line-height:1.25;animation:.7s .25s both nf-up}.nf-stage h1 span{color:var(--nf-cyan)}.nf-sub{color:#ffffffe0;max-width:420px;margin-bottom:.6rem;font-size:clamp(.9rem,1.8vw,1rem);line-height:1.7;animation:.7s .4s both nf-up}.nf-pill{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ff1e3cd9;border:1.5px solid #ff1e3c;border-radius:6px;align-items:center;gap:.5rem;margin:1rem 0 2rem;padding:.5rem 1.1rem;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;animation:.7s .55s both nf-up,3s infinite nf-pill-flicker;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 18px #ff1e3c8c,0 0 40px #ff1e3c40}.nf-pill:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 4px,#ffffff0a 4px 5px);position:absolute;inset:0}.nf-cta{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#04060a;background:var(--nf-cyan);border-radius:100px;padding:.75rem 2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:.7s .7s both nf-up;box-shadow:0 0 24px #00e5ff66}.nf-cta:hover{transform:translateY(-2px);box-shadow:0 0 40px #00e5ff99}.nf-divider{background:linear-gradient(to right, transparent, var(--nf-cyan), transparent);opacity:.5;width:40px;height:1px;margin:0 auto 1.8rem;animation:.7s .18s both nf-up}.nf-glitch-wrap{margin-bottom:1.2rem;animation:.7s .1s both nf-up;display:inline-block;position:relative}.nf-glitch{letter-spacing:.3em;text-transform:uppercase;color:var(--nf-cyan);font-family:Syne,sans-serif;font-size:clamp(.7rem,2vw,.85rem);font-weight:700;display:inline-block;position:relative}.nf-glitch:before,.nf-glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.nf-glitch:before{color:#ff2d78;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:2.5s linear infinite nf-glitch-top}.nf-glitch:after{color:#00f5ff;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:2.5s linear infinite nf-glitch-bot}.not-found-page footer{z-index:2;position:relative}@keyframes nf-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes nf-pill-flicker{0%,88%,to{opacity:1;transform:translate(0)}89%{opacity:.7;transform:translate(-2px)}90%{opacity:1;transform:translate(2px)}91%{transform:translate(0)}94%{opacity:1;box-shadow:0 0 18px #ff1e3c8c,0 0 40px #ff1e3c40}95%{opacity:.5;box-shadow:0 0 30px #ff1e3ce6,0 0 60px #ff1e3c80}96%{opacity:1}}@keyframes nf-glitch-top{0%,80%,to{transform:translate(0)}81%{transform:translate(-3px,-1px)}83%{transform:translate(3px)}85%{transform:translate(0)}}@keyframes nf-glitch-bot{0%,78%,to{transform:translate(0)}79%{transform:translate(3px,1px)}81%{transform:translate(-2px)}83%{transform:translate(0)}}@media (max-width:560px){.nf-stage h1{white-space:normal}}
