body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:LeferiPoint-BlackObliqueA;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackObliqueA.woff) format("woff")}body,html{background-color:#000;font-family:sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:0}.App{height:100%;overflow-y:scroll;position:relative;scroll-snap-type:y mandatory}:root{--linear-ease:linear(0,0.068,0.19 2.7%,0.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,0.996 28%,0.949,0.928 33.3%,0.926,0.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,0.995 68%,1.001 85%,1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{color:#fff;display:flex;gap:2em;list-style:none;margin:0;padding:0 1em;position:relative;text-shadow:0 1px 1px #121b2133;z-index:3}.gooey-nav-container nav ul li{border-radius:100vw;box-shadow:0 0 .5px 1.5px #0000;color:#fff;cursor:pointer;position:relative;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.gooey-nav-container nav ul li a{background:linear-gradient(135deg,#8400ff14,#a23cff59);border:1px solid #8400ff99;border-radius:12px;box-shadow:0 4px 12px #8400ff59;color:#fff;display:inline-block;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .3s ease}.gooey-nav-container nav ul li a:hover{background:linear-gradient(135deg,#a23cff,#8400ffcc);transform:translateY(-2px)}.gooey-nav-container nav ul li a:active{transform:translateY(1px)}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{background:#fff;border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#fff;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{display:grid;height:0;left:0;opacity:1;place-items:center;pointer-events:none;position:absolute;top:0;width:0;z-index:1}.gooey-nav-container .effect.text{color:#fff;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{background:#0000;content:"";inset:-75px;position:absolute;z-index:-2}.gooey-nav-container .effect.filter:after{background:#fff;border-radius:100vw;content:"";inset:0;opacity:0;position:absolute;transform:scale(0);z-index:-1}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{border-radius:100%;display:block;height:20px;opacity:0;transform-origin:center;width:20px}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -.35s;left:calc(50% - 8px);position:absolute;top:calc(50% - 8px)}.point{animation:point calc(var(--time)) ease 1 -.35s;background:var(--color);opacity:1}@keyframes particle{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);opacity:1;transform:rotate(0deg) translate(calc(var(--start-x)),calc(var(--start-y)))}70%{animation-timing-function:ease;opacity:1;transform:rotate(calc(var(--rotate)*.5)) translate(calc(var(--end-x)*1.2),calc(var(--end-y)*1.2))}85%{opacity:1;transform:rotate(calc(var(--rotate)*.66)) translate(calc(var(--end-x)),calc(var(--end-y)))}to{opacity:1;transform:rotate(calc(var(--rotate)*1.2)) translate(calc(var(--end-x)*.5),calc(var(--end-y)*.5))}}@keyframes point{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);opacity:0;transform:scale(0)}25%{transform:scale(calc(var(--scale)*.25))}38%{opacity:1}65%{animation-timing-function:ease;opacity:1;transform:scale(var(--scale))}85%{opacity:1;transform:scale(var(--scale))}to{opacity:0;transform:scale(0)}}@media (max-width:640px){.gooey-nav-container nav ul{flex-wrap:wrap;gap:.9em;padding:0 .5em}.gooey-nav-container nav ul li a{font-size:.95rem;padding:.5em .85em}}.particles-container{height:100%;position:relative;width:100%}:root{--hue:27;--sat:69%;--white:#fff;--border-color:#392e4e;--background-dark:#060010;--glow-rgb:132,0,255;color-scheme:light dark}.card-grid{grid-gap:clamp(1rem,2.5vw,2rem);contain:layout paint style;display:grid;font-size:clamp(1rem,.9rem + .5vw,1.5rem);gap:clamp(1rem,2.5vw,2rem);margin:0 auto;max-width:min(1200px,94vw);padding:.75em;width:100%}.card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;aspect-ratio:4/3;background:#060010;background:var(--background-dark);border:1px solid #392e4e;border:1px solid var(--border-color);border-radius:20px;box-sizing:border-box;color:#fff;color:var(--white);display:flex;flex-direction:column;font-weight:300;justify-content:space-between;max-width:100%;min-height:200px;min-width:0;overflow:hidden;padding:1.25em;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;width:100%;will-change:transform,box-shadow}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card__content,.card__header{color:#fff;color:var(--white);display:flex;position:relative}.card__header{gap:.75rem;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__description,.card__title{--clamp-title:1;--clamp-desc:2}.card__title{font-size:16px;font-weight:600;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.3;opacity:.9}.card--text-autohide .card__description,.card--text-autohide .card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{gap:1rem;grid-template-columns:1fr;margin:0 auto;padding:.5em;width:90%}.card{min-height:180px;width:100%}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}}.card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity)*.8)) 0,rgba(132,0,255,calc(var(--glow-intensity)*.4)) 30%,#0000 60%);background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-rgb),calc(var(--glow-intensity)*.8)) 0,rgba(var(--glow-rgb),calc(var(--glow-intensity)*.4)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:6px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e66,0 0 30px rgba(var(--glow-rgb),.2)}.particle-container{overflow:hidden;position:relative}.particle:before{background:#8400ff33;background:rgba(var(--glow-rgb),.2);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e33,0 0 30px rgba(var(--glow-rgb),.2)}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}.bento-section{position:relative;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{box-shadow:none;transform:none}}.card--autoHeight{aspect-ratio:auto!important;height:auto;min-height:200px}.card--autoHeight .card__description,.card--autoHeight .card__title{-webkit-line-clamp:unset;line-clamp:none;display:block;max-height:none;overflow:visible;text-overflow:clip}.card--autoHeight .card__description{font-size:14px;line-height:1.55}.card-grid{grid-auto-flow:dense}@media (max-width:640px){.card--autoHeight{padding-bottom:1.25rem}}
/*# sourceMappingURL=main.333e8f80.css.map*/