:root{color-scheme:dark;--background: hsl(210, 25%, 6%);--highlight: hsl(214, 9%, 16%);--foreground: hsl(240, 5%, 90%);--muted-foreground: hsl(0, 0%, 66%);--muted-foreground-light: hsl(240 5% 75% / 1);--elevated-background: hsl(223, 10%, 14%);--elevated-background-alt: #13171e;--elevated-highlight: hsl(230, 5%, 23%);--alt-stroke: hsl(213, 11%, 19%);--elevated-stroke: hsla(180, 8%, 97%, .05);--scroll-thumb: hsla(0, 0%, 100%, .302);--stroke: hsl(0, 0%, 15%);--highlight-filter: 1.2;--muted-filter: .8;--disabled-filter: .6;--elevated-accent: hsl(223 10% 30%);--accent: #485df9;--accent-highlight: #404ff7;--accent-green: hsl(136, 53%, 49%);--accent-green2: #34a853;--accent-yellow: #fcdc3b;--accent-warning: #ff2e3f;--accent-blue: #437ef4;--shadow: 0 4px 12px 0 rgb(0 0 0 / 20%);--gradient: radial-gradient( 100% 50% at 100% 0%, #780cffff 0%, #820bff00 100% ), radial-gradient( 30% 30% at 50% 100%, #ffcc00ff 0%, #ffcc0000 100% ), radial-gradient( 100% 100% at 60% 120%, #ffcc00ff 0%, #ffcc00ff 12%, #fe4a05ff 57%, #ff0f3fff 69%, #fe065700 100% ), radial-gradient( 100% 100% at 100% 50%, #ff005fff 0%, #fc01d8ff 100% )}@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground-light);border:3px solid transparent;background-clip:content-box}html{margin:0;padding:0;width:100vw}body{margin:0;padding:0;background-color:var(--background);font-family:Geist,sans-serif;position:relative;overflow:hidden;display:flex;flex-direction:center;justify-content:center;width:100vw}body::selection{background:var(--accent-highlight);color:var(--foreground)}main{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:26px;flex-grow:1;overflow-x:hidden;overflow-y:scroll}h1,h2,h3,h4,h5,h6{all:unset;color:var(--foreground);font-weight:900}p{all:unset}button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--foreground)}a{all:unset;display:flex;align-items:center;cursor:pointer;color:var(--foreground)}input{all:unset;caret-color:var(--muted-foreground-light)}ul,li{all:unset}#root{width:100%;height:100vh;display:flex;flex-direction:column}.page-content{width:1280px;transform:translate(15px)}.login-btn{color:var(--foreground);height:40px;background-color:var(--accent-highlight);padding-inline:16px;border-radius:20px;font-weight:600;box-shadow:var(--shadow)}.text-gradient{background:linear-gradient(90deg,#fc0,#fe4a05 28%,#ff0f3f 48%,#fc01d8 72%,#780cff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.brightness-transition{transition:filter .15s ease}.inactive{filter:brightness(var(--disabled-filter))}.highlight{filter:brightness(var(--highlight-filter))}.inactive.highlight{filter:brightness(var(--muted-filter))}.install-btn2{transition:filter .15s ease,scale 50ms ease-in-out;background-color:var(--accent)}.install-btn2:active{scale:.98}.mockup{position:relative;overflow:hidden}.mockup:after{content:"";position:absolute;inset:50% 0 0;background:inherit;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 100%);pointer-events:none}.nav-link{margin-block:4px;height:48px;width:190px;display:flex;gap:16px;padding-inline:12px;overflow:hidden;pointer-events:all;border-radius:8px;transition:background-color .15s ease,scale 50ms ease-in-out;color:var(--foreground)}.nav-link:hover{background-color:var(--highlight)}.nav-link.active{font-weight:600;color:#fff}.nav-link:active{scale:.98}
