@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&display=swap");:root{--shiny-cta-bg:#000000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#ffffff;--shiny-cta-highlight:blue;--shiny-cta-highlight-subtle:#8484ff}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-percent{syntax:"<percentage>";initial-value:5%;inherits:false}@property --gradient-shine{syntax:"<color>";initial-value:white;inherits:false}.shiny-cta{--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:1.25rem 2.5rem;font-family:inherit;font-size:1.125rem;line-height:1;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);&:after,&:before,span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}&:active{translate:0 1px}}.shiny-cta:before{--size:calc(100% - var(--shadow-size) * 3);--position:2px;--space:calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.shiny-cta:after{--animation:shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.shiny-cta span{z-index:1;&:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0}}.shiny-cta{--transition:800ms cubic-bezier(0.25,1,0.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine;&,&:after,&:before{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}span:before{transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}}.shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle);&,&:after,&:before{animation-play-state:running}span:before{opacity:1}}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:1turn}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}@import"https://fonts.cdnfonts.com/css/mona-sans";body{font-family:Trebuchet MS,sans-serif;font-size:15.5px;background:#0a0015}*{box-sizing:border-box}.container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,200px));grid-auto-rows:200px;grid-auto-flow:row dense;grid-gap:23px;justify-content:center;perspective:1000px}.card-bottom,.card-left,.card-right,.card-top{display:flex;flex-wrap:nowrap;height:100%;width:100%;border-radius:30;background:#060010;position:relative;overflow:hidden;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease}.card-bottom:hover,.card-left:hover,.card-right:hover,.card-top:hover{transform:scale(1.05) translateY(-5px) rotateX(4deg) rotateY(4deg);box-shadow:0 0 50px rgba(59,130,246,.6)}.card-bottom:before,.card-left:before,.card-right:before,.card-top:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30;pointer-events:none;box-shadow:0 0 20px hsla(0,0%,100%,.05);transition:box-shadow .5s ease}.card-bottom:hover:before,.card-left:hover:before,.card-right:hover:before,.card-top:hover:before{box-shadow:0 0 40px rgba(59,130,246,.3)}.card-top{flex-direction:column;grid-column:auto/span 1;grid-row:auto/span 2}.card-right{flex-direction:row-reverse;grid-column:auto/span 2;grid-row:auto/span 1}.card-bottom{flex-direction:column-reverse;grid-column:auto/span 1;grid-row:auto/span 2}.card-left{flex-direction:row;grid-column:auto/span 2;grid-row:auto/span 1}.card-image{display:flex;transition:transform .6s ease,filter .5s ease}.card-image:hover{transform:translateY(-5px) rotateX(3deg) rotateY(3deg);filter:brightness(1.1) saturate(1.1)}.card-bottom .card-image,.card-top .card-image{height:50%;width:100%}.card-left .card-image,.card-right .card-image{height:100%;width:50%}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card-top img{border-radius:30 30 0 0}.card-right img{border-radius:0 30 30 0}.card-bottom img{border-radius:0 0 30 30}.card-left img{border-radius:30 0 0 30}.card-text{align-self:center;padding:23px;transition:transform .5s ease,opacity .5s ease}.card-text:hover{transform:translateY(-3px)}.card-top .card-text{height:auto;width:auto;padding-bottom:36.8px}.card-right .card-text{height:auto;width:50%;padding-left:36.8px}.card-bottom .card-text{height:auto;width:auto;padding-top:36.8px}.card-left .card-text{height:auto;width:50%;padding-right:36.8px}.card-text p{margin:0;line-height:1.25em;color:#e2e2e2}@media(max-width:500px){.card-top{flex-direction:row}.card-bottom,.card-top{grid-column:auto/span 2;grid-row:auto/span 1}.card-bottom{flex-direction:row-reverse}.card-bottom .card-image,.card-top .card-image{height:100%;width:50%}.card-top img{border-radius:30 0 0 30}.card-bottom img{border-radius:0 30 30 0}.card-top .card-text{height:auto;width:50%;padding-right:36.8px}.card-bottom .card-text{height:auto;width:50%;padding-left:36.8px}}@media(max-width:400px){.card-image{width:38%!important}.card-text{width:62%!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-image{animation:float 4s ease-in-out infinite}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}