@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,slnt,wdth,wght,ROND@8..144,-10..0,25..150,400..500,0..100&display=swap";:root{--bg-light:#fff;--bg-dark:#000;--text-light:#202124;--text-dark:#f8f9fa;--accent-blue:#4285f4;--accent-red:#ea4335;--accent-yellow:#fbbc04;--accent-green:#34a853;--surface-light:#fffc;--surface-dark:#000c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-light);background-color:var(--bg-light);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Google Sans Flex,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;transition:background-color .5s,color .5s;overflow-x:hidden}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark)}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:500}.glass{-webkit-backdrop-filter:blur(16px);background:#fff9;border-bottom:1px solid #0000000d}.dark-mode .glass{background:#0009;border-bottom:1px solid #ffffff0d}.btn-pill{background-color:var(--text-light);color:var(--bg-light);cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s,opacity .2s;display:inline-block}.dark-mode .btn-pill{background-color:var(--text-dark);color:var(--bg-dark)}.btn-pill:hover{opacity:.9;transform:translateY(-2px)}#root{flex-direction:column;min-height:100vh;display:flex}section{flex-direction:column;justify-content:center;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.hero-title{background:linear-gradient(90deg,#202124,#5f6368);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,7rem);font-weight:500;line-height:1.1}.dark-mode .hero-title{background:linear-gradient(90deg,#fff,#9aa0a6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:#5f6368;max-width:800px;font-size:clamp(1.25rem,3vw,2rem)}.dark-mode .subtitle{color:#9aa0a6}#tsparticles{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}