*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #9BB8CF;--color-primary-dark: #679AB6;--color-primary-darker: #64A5D8;--color-bg-primary: #080D12;--color-bg-secondary: #101A23;--color-bg-tertiary: #111F28;--color-bg-quaternary: #172A36;--color-bg-overlay: #111F28A6;--color-bg-overlay-blur: #111F28F2;--color-border-primary: #345E7A;--color-border-secondary: #26414F;--color-border-tertiary: #405E72;--color-border-dark: #1A3647;--color-border-subtle: #1E2F3A;--color-text-primary: #679AB6;--color-text-secondary: #9BB8CF;--color-text-tertiary: #AFD5FB;--color-text-muted: #587288;--color-text-light: #D9E4ED;--color-accent-red: #E53737;--color-accent-red-border: #EC7878;--color-overlay-white-5: #FFFFFF0D;--color-overlay-white-10: #FFFFFF14;--color-overlay-dark: #405E724D;--color-spotlight: rgba(89, 124, 150, .5);--color-spotlight-fade: rgba(89, 124, 150, .3);--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Manifold Extended CF", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display-bold: "Manifold Extended CF Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf) format("truetype-variations");font-weight:1 999;font-display:swap}@font-face{font-family:Manifold Extended CF;src:url(/fonts/Fontspring-DEMO-manifoldextendedcf-regular.otf) format("opentype");font-display:swap}@font-face{font-family:Manifold Extended CF Bold;src:url(/fonts/Fontspring-DEMO-manifoldextendedcf-bold.otf) format("opentype");font-display:swap}html{min-height:100%;background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;min-height:100vh;font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:var(--color-text-primary);overflow-x:hidden;background:radial-gradient(var(--color-bg-secondary),var(--color-bg-primary))}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit}h1{font-family:var(--font-display-bold);font-size:64px;line-height:68px;background:linear-gradient(var(--color-primary-darker),var(--color-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.25rem;font-weight:500;color:var(--color-primary)}h3{font-family:var(--font-display);color:var(--color-primary)}p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:none;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9bb8cf80;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:rgba(155,184,207,.5) transparent}.container-xl{width:100%;margin-left:auto;margin-right:auto;padding:0 12px}@media (min-width: 1280px){.container-xl{width:1200px}}.background-gradient{background:radial-gradient(var(--color-bg-secondary),var(--color-bg-primary))}.button-primary{position:relative;background:var(--color-bg-overlay-blur);padding:6px 12px;color:var(--color-primary);box-shadow:0 0 0 1px var(--color-border-primary) inset;border:none;cursor:pointer;font-family:var(--font-body);font-size:17px;transition:all .2s}.button-primary:hover{background:var(--color-bg-tertiary)}.button-primary:before,.button-primary:after{content:"";position:absolute;top:0;width:2px;height:2px;border-radius:9999px;background:var(--color-primary)}.button-primary:before{left:0}.button-primary:after{right:0}.button-corner-dot{position:absolute;width:2px;height:2px;border-radius:9999px;background:var(--color-primary)}.button-corner-dot.bottom-left{bottom:0;left:0}.button-corner-dot.bottom-right{bottom:0;right:0}.info-card{position:relative;width:300px;display:flex;flex-direction:column;gap:2px;background:var(--color-bg-overlay);padding:24px;box-shadow:0 0 0 1px var(--color-border-primary) inset}.info-card:before,.info-card:after{content:"";position:absolute;top:0;width:2px;height:2px;border-radius:9999px;background:var(--color-primary)}.info-card:before{left:0}.info-card:after{right:0}.info-card h3{font-family:var(--font-display);color:var(--color-primary)}.info-card hr{height:1px;border:none;background:var(--color-border-secondary);margin:0}.banner-card{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(-4deg,#1E2F3ACC,#48677BCC);background:var(--color-overlay-white-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.banner-card:hover{background:var(--color-overlay-white-10);text-decoration:none}.badge-new{border:1px solid var(--color-accent-red-border);background:var(--color-accent-red);padding:2px 6px;color:var(--color-text-light);height:20px;width:38px;letter-spacing:2px;font-weight:300;display:flex;align-items:center;justify-content:center}.border-gradient-linear{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(-4deg,#1E2F3ACC,#48677BCC);transition:all .2s}.border-gradient-linear:hover{border-image-source:linear-gradient(4deg,#1E2F3ACC,#48677BCC)}.border-gradient-2{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(0deg,rgba(42,65,80,.5) 0%,rgba(64,94,114,.8) 80%)}.border-gradient-hr-to-right{height:1px;background:linear-gradient(90deg,#405e7280,#20313ccc);border:none}.border-gradient-hr-to-left{height:1px;background:linear-gradient(270deg,#405e7280,#20313ccc);border:none}.spotlight-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.spotlight{position:absolute;border-radius:9999px;filter:blur(15px);opacity:.5}.spotlight-1{top:80px;left:35%;transform-origin:50% 0;transform:translate(-35%);width:200px;height:475px;background:conic-gradient(from 0deg at 50% -5%,transparent 45%,var(--color-spotlight-fade) 49%,var(--color-spotlight) 50%,var(--color-spotlight-fade) 51%,transparent 55%);animation:rotateSpotlight1 5s infinite alternate}.spotlight-2{top:0;left:50%;transform-origin:50% 0;transform:translate(-50%);width:500px;height:475px;background:conic-gradient(from 0deg at 50% -5%,transparent 45%,var(--color-spotlight-fade) 49%,var(--color-spotlight) 50%,var(--color-spotlight-fade) 51%,transparent 55%);animation:rotateSpotlight2 5s infinite alternate}.spotlight-3{top:80px;left:65%;transform-origin:50% 0;transform:translate(-65%);width:200px;height:475px;background:conic-gradient(from 0deg at 50% -5%,transparent 45%,var(--color-spotlight-fade) 49%,var(--color-spotlight) 50%,var(--color-spotlight-fade) 51%,transparent 55%);animation:rotateSpotlight3 5s infinite alternate}@keyframes rotateSpotlight1{0%{rotate:20deg}to{rotate:30deg}}@keyframes rotateSpotlight2{0%{rotate:0deg}50%{rotate:2deg}to{rotate:-2deg}}@keyframes rotateSpotlight3{0%{rotate:-20deg}to{rotate:-30deg}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 8s linear infinite}@keyframes cursorMove{0%,20%{right:30%;top:50%}80%,to{right:-7%;top:0%}}.animated-cursor{animation:cursorMove 4s infinite alternate}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glass-effect{background:var(--color-overlay-white-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 640px){h1{font-size:36px;line-height:40px}h2{font-size:1.125rem}}@media (min-width: 480px){.banner-text-mobile{display:none}.banner-text-desktop{display:inline!important}h1{font-size:48px;line-height:52px}.subtitle{font-size:24px}}@media (min-width: 640px){h1{font-size:64px;line-height:68px}.subtitle{font-size:32px}.introducing{font-size:16px}.cards-scroller{justify-content:center}}@media (min-width: 768px){.footer{flex-direction:row!important}.footer-logo-desktop{display:block!important}.footer-links{flex-direction:row!important;gap:12px!important}.logo-mobile{display:none!important}.logo-desktop{display:inline!important}}@media (min-width: 1024px){.cards-scroller{width:100%;margin-left:0}.info-card{scroll-snap-align:none}}@media (min-width: 1280px){.container-xl{padding:0}}@media (max-width: 479px){h1{font-size:36px;line-height:40px}h2{font-size:1.125rem}.subtitle{font-size:18px;letter-spacing:12px;margin-right:-12px}.button-primary{font-size:15px;padding:5px 10px}.info-card{min-width:280px;scroll-snap-align:center}.browser-space{display:none}}@media (max-width: 768px){.preview-container{gap:24px}.marketing-title{font-size:1.25rem}.marketing-description{font-size:15px}}@media (max-width: 479px){.marketing-title{font-size:1.125rem}.marketing-description{font-size:14px}}@media (max-width: 640px){.share-image-wrapper{max-width:280px}.animated-cursor{width:56px!important;height:56px!important}}@media (max-width: 479px){.share-image-wrapper{max-width:260px}.animated-cursor{width:48px!important;height:48px!important}}@media (min-width: 768px) and (max-width: 1023px){.cards-container{justify-content:flex-start;padding-left:calc((100vw - 924px)/2)}}@media (min-width: 1440px){.hero-section{max-width:1200px;margin-left:auto;margin-right:auto}}@media (max-width: 479px){.login-card{padding:32px 24px!important}.login-title{font-size:1.5rem!important}.discord-button{padding:12px 20px!important;font-size:15px!important}}@media (max-width: 360px){.login-card{padding:24px 20px!important}}