*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0c1220;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Sora,system-ui,sans-serif}button,input{font:inherit}.page{color:#0a1636;background:#f5f7fb;min-height:100svh;position:relative;overflow:hidden}.wave-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100svh;padding:2.5rem 1.25rem;display:flex;position:relative}.logo{aspect-ratio:849/629;-webkit-mask-source-type:alpha;opacity:0;background-color:#0a1636;width:min(12rem,48vw);margin-bottom:.5rem;animation:.9s cubic-bezier(.16,1,.3,1) 50ms forwards logo-in;display:block;transform:translateY(12px)scale(.96);-webkit-mask-image:url(/nk-logo.png?v=6);mask-image:url(/nk-logo.png?v=6);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.coming-soon{letter-spacing:-.03em;color:#0a1636;margin:0;font-family:Sora,system-ui,sans-serif;font-size:clamp(2rem,6.5vw,3.25rem);font-weight:700;line-height:1.1}.cs-char{color:#0a1636;opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards word-in;display:inline-block;transform:translateY(16px)}.cs-space{width:.3em}.tagline{color:#0a16368c;max-width:22rem;margin:0;font-size:1rem;font-weight:400;line-height:1.5}.cta-wrap{margin-top:.5rem}.connect-btn{color:#f7f9fc;background:#0a1636;border-radius:.75rem;justify-content:center;align-items:center;min-width:11rem;padding:.9rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.connect-btn:hover{background:#12245a;transform:translateY(-2px)}.connect-btn:active{transform:translateY(0)}.reveal{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) forwards fade-up;transform:translateY(12px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@keyframes word-in{to{opacity:1;transform:translateY(0)}}@keyframes logo-in{to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.hero{gap:.9rem;padding:2rem 1.1rem}.connect-btn{width:min(100%,15rem)}}@media (prefers-reduced-motion:reduce){.reveal,.cs-char,.logo,.connect-btn{opacity:1;transition:none;transform:none;animation:none!important}}