html{background-color:var(--background-color-secondary)!important}body:has(#landing_container){height:auto;min-height:100%}body:has(#landing_container):before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--dot-grid-color) 1.5px, transparent 1.5px);background-size:26px 26px;animation:25s linear infinite landing-dot-drift;position:fixed;inset:-40px}@keyframes landing-dot-drift{0%{background-position:0 0}to{background-position:104px 104px}}body:has(#landing_container):after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--dot-grid-color-active) 1.5px, transparent 1.5px);-webkit-mask-image:radial-gradient(180px circle at calc(var(--mx,-1000px) + 40px) calc(var(--my,-1000px) + 40px), #000 0%, transparent 70%);-webkit-mask-image:radial-gradient(180px circle at calc(var(--mx,-1000px) + 40px) calc(var(--my,-1000px) + 40px), #000 0%, transparent 70%);mask-image:radial-gradient(180px circle at calc(var(--mx,-1000px) + 40px) calc(var(--my,-1000px) + 40px), #000 0%, transparent 70%);background-size:26px 26px;animation:25s linear infinite landing-dot-drift;position:fixed;inset:-40px}@media (prefers-reduced-motion:reduce){body:has(#landing_container):before{animation:none}body:has(#landing_container):after{display:none}}#landing_container{box-sizing:border-box;max-width:1000px;margin:auto;padding:12.5px}header{z-index:10;background-color:#0000;border-bottom:1px solid #0000;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:sticky;top:0}header.scrolled{background-color:var(--header-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:solid 1px var(--secondary-light-color)}main{box-sizing:border-box;width:100%;margin:auto;padding:25px}footer{box-sizing:border-box;text-align:center;border-radius:15px;margin-bottom:25px;padding:25px}footer p{color:var(--secondary-color)}.emoji{color:initial;background:0 0}p,li{text-align:left;font-size:1rem;line-height:1.3rem;margin:0!important;padding:0!important}a{color:var(--highlight-color);outline:none;text-decoration:none}.MainNav{box-sizing:border-box;justify-content:space-between;place-items:center;width:100%;min-height:34px;margin:auto;transition:padding .25s;display:flex;padding:10px 25px!important}header.scrolled .MainNav{padding:6px 25px!important}.MainNavLeft{place-items:center;display:flex}.LogoContainer{margin:0}.Logo{border:solid 2px var(--primary-color);background-color:var(--primary-color);width:50px;height:50px;transition:width .25s,height .25s}header.scrolled .Logo{width:38px;height:38px}.MainNavItems{margin-left:12px}.MainNavItems a{color:var(--primary-color);white-space:nowrap;border:1px solid #0000;border-radius:16px;width:fit-content;margin:2px;padding:2px 12px 3px;font-size:1.2rem;font-weight:600;display:inline}.MainNavItems a:first-of-type{font-weight:800}.MainNavItems a.active{border:solid 1px var(--highlight-color);background-color:var(--highlight-color)!important}.MainNavItems a:hover{border:solid 1px var(--highlight-color);animation:.5s navhover;background-color:var(--highlight-color)!important}.MainNavItems .transparent{--highlight-color:none}.MainNavItems .blue{--highlight-color:#0062ff24!important}.MainNavItems .orange{--highlight-color:#ffd00033!important}.MainNavItems .red{--highlight-color:#f003!important}.MainNavItems .green{--highlight-color:#0d03!important}.MainNavItems .violett{--highlight-color:#c86fff3c!important}.getstarted{--highlight-color:#0d03!important;border:2px solid orange!important}.MainNavRight .MainNavItems a:first-of-type{font-weight:600}.FooterNav{margin-bottom:13px}.FooterNav a{color:var(--primary-color);white-space:nowrap;border:none!important}.FooterNav a:hover{border-bottom:solid 2px var(--highlight-color)!important}.FooterNav ul{flex-flow:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.FooterNav ul li a{color:var(--highlight-color);line-height:1.5rem}.MobileNav{width:100%;padding:0;display:none}.MobileNavOpener{z-index:256}.MobileNavOpener button{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 25px;display:flex}.MobileNavOpenerLeft{align-items:center;gap:10px;display:flex}.MobileNavLabel{color:var(--primary-color);font-size:1.3rem;font-weight:800}.MobileNavOpener .icon{color:var(--primary-color);font-size:20px}.MobileNavMenu{z-index:254;background-color:var(--background-color);box-sizing:border-box;flex-direction:column;gap:5px;width:100%;height:100vh;padding:25px;display:flex;position:absolute;top:65px;left:0;overflow:auto}.MobileNavItem{color:var(--primary-color);border:1px solid #0000;border-radius:16px;padding:4px 16px;font-weight:600;text-decoration:none;display:block;font-size:1.6rem!important;line-height:2.4rem!important}.MobileNavItem.active{border:solid 1px var(--highlight-color);background-color:var(--highlight-color);color:var(--highlight-color-inverted)}.MobileNavItem:hover{background-color:var(--highlight-secondary-color);color:var(--primary-color);border:1px solid #0000}@media (max-width:900px){.MainNav{display:none!important}.MobileNav{display:block}}h1{color:var(--primary-color);font-size:2.4rem;font-weight:800;line-height:2.4rem}hr{background-color:var(--trinary-color);border:none;height:1px}hr.Spacer{border:none;height:0;margin:5px}h2,h3{color:var(--primary-color);font-size:1.4rem;line-height:1.4rem;margin:25px 0!important;padding:0!important}.SignInPage,.SignUpPage,.LandingContainer{box-sizing:border-box;padding:25px 0 0!important}.PanelAuth{max-width:500px;box-shadow:var(--area-large-shadow);border:solid 1px var(--secondary-light-color);box-sizing:border-box;text-align:center;background-color:var(--background-color);border-radius:50px;margin:50px auto 25px;padding:3rem}.PanelAuthHeader{max-width:250px;color:var(--highlight-color);margin:auto;padding:0 0 25px}.PanelAuthTitle{color:var(--primary-color);padding:15px;font-size:1.8rem;font-weight:800;line-height:2rem;display:block}.PanelAuthSubtitle{font-size:1rem;line-height:1.2rem}.PanelAuth .InputGroup{max-width:250px}.GridContainer{flex-direction:column;align-items:center;gap:25px;display:flex}.GridHeader{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:25px;display:flex}.GridHeader h1{color:var(--primary-color);margin:0;padding:0;font-size:2.4rem;font-weight:900;line-height:3rem}.GridHeader p{color:var(--primary-color);text-align:center;max-width:600px;margin:0;padding:0;font-size:1.2rem;line-height:1.4rem}.GridSection{text-align:center;display:block}.GridSectionHeader{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;display:flex}.GridSectionHeader h2{color:var(--primary-color);padding:0;font-size:2rem;font-weight:900;line-height:2.4rem;margin:0!important}.GridSectionHeader p{color:var(--primary-color);text-align:center;font-size:1.2rem;line-height:1.4rem}.GridSectionContent{box-sizing:border-box;justify-content:center;justify-items:center;gap:12.5px;padding:10px;display:flex;overflow:visible}.GridCard{border:solid 1px var(--secondary-light-color);box-sizing:border-box;background-color:var(--trinary-color);width:400px;height:440px;box-shadow:var(--area-large-shadow);border-radius:25px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:hidden}@media (max-width:900px){.GridSectionContent{flex-direction:column}.GridCard{width:100%}}.GridCardImage{border-bottom:solid 1px var(--secondary-light-color);background-color:var(--highlight-color-inverted);margin:-20px -20px 0;padding-top:12px;overflow:hidden;height:250px!important;min-height:250px!important}.GridCardText h3{text-align:left;font-size:1.4rem;font-weight:800;display:block;margin:0 0 15px!important;padding:0!important;line-height:1.6rem!important}.GridCardText p{text-align:left;height:100px;font-size:1.1rem;line-height:1.4rem}
