.header-desktop{display:flex;justify-content:space-between;position:fixed;top:.5rem;width:100%;z-index:1000}.header-desktop .logo{text-decoration:none;display:flex;align-items:center;padding:0 1rem}.header-desktop .logo img{height:1.5rem;width:auto;display:block}.header-desktop nav{display:flex;padding:.5rem;background-color:var(--color-surface-translucent);border:.5px solid var(--color-surface-border);border-radius:1rem;backdrop-filter:var(--surface-translucent-blur);-webkit-backdrop-filter:var(--surface-translucent-blur)}.header-desktop nav.primary{align-items:center;position:absolute;left:50%;transform:translate(-50%)}.header-desktop nav.secondary{align-items:center;position:absolute;top:3.5rem;left:50%;transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s ease-out}.header-desktop nav.secondary.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.header-desktop nav.secondary .switch{display:flex;align-items:center;margin-left:1rem}.header-desktop nav.secondary .switch .icon{display:flex;align-items:center;padding:0 .25rem}.header-mobile{position:fixed;top:.5rem;width:100%;display:flex;justify-content:flex-end;z-index:1000}.mobile-menu-toggle{display:block;background:none;border:none;cursor:pointer;padding:1rem;margin-left:auto;z-index:1001}.mobile-menu{padding:1rem}.mobile-menu .MuiButton-root.MuiButton-variantPlain{padding:1rem 0;font-size:2rem;line-height:2rem}.mobile-switch{display:flex;align-items:center;height:4rem}.mobile-switch .icon{display:flex;align-items:center;margin-right:.5rem}.home{width:100%}.screen{text-align:left;text-decoration:none;width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 1rem);background-color:var(--color-page-background)}.screen.first{min-height:45rem;vertical-align:middle}.screen h2{color:var(--color-text)}.screen .yapp{color:var(--color-text);margin-top:auto;padding:1.5rem;max-width:32rem;text-align:center;margin-left:auto;margin-right:auto}.screen .illustration{margin-bottom:1rem;display:flex;justify-content:center}@media(max-width:639px){.screen{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}.screen .yapp{max-width:90%}}.sign-in{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;background-color:var(--color-surface-back)}.sign-in-card{width:100%;max-width:24rem}.sign-up{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;background-color:var(--color-surface-back)}.sign-up-card{width:100%;max-width:24rem}:root{font-family:Inter,Helvetica,Arial,sans-serif,system-ui;font-size:16px;line-height:1.333;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media(max-width:1200px){:root{font-size:14px}}html{scroll-behavior:smooth;background-color:var(--color-page-background)}body{margin:0;background-color:inherit;color:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:400}h1{font-size:2.5rem;line-height:3rem;margin-bottom:1rem}h2{font-size:2rem;line-height:2.5rem;margin-bottom:1rem}p{margin-top:0}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:auto;display:flex;justify-content:center;align-items:flex-start;width:100%}.lucide{color:var(--color-text)}:root,:root[data-theme=light]{--color-surface-front: rgba(245, 245, 245, 1);--color-surface-back: rgba(230, 230, 230, 1);--color-surface-translucent: rgba(240, 240, 240, .75);--color-surface-border: rgba(255, 255, 255, 1);--surface-translucent-blur: blur(.25rem) saturate(180%);--color-brand-primary: rgb(186, 201, 251);--color-brand-secondary: #aeb1a6;--color-page-background: var(--color-surface-back);--color-text: #222222;--color-primary-soft-bg: var(--color-brand-primary);--color-primary-soft-active-bg: var(--color-surface-back);--color-primary-soft-hover-bg: white;--color-primary-soft-text: var(--color-text);--color-neutral-soft-bg: var(--color-surface-front);--color-neutral-soft-active-bg: var(--color-surface-back);--color-neutral-soft-hover-bg: white;--color-neutral-soft-text: var(--color-text);--color-neutral-plain-bg: "transparent";--color-neutral-plain-active-bg: var(--color-surface-back);--color-neutral-plain-hover-bg: white;--color-neutral-plain-text: var(--color-text)}:root[data-theme=dark]{--color-surface-front: #363636;--color-surface-back: rgba(48, 48, 48, 1);--color-surface-translucent: rgba(30, 30, 30, .75);--color-surface-border: rgba(45, 45, 45, 1);--surface-translucent-blur: blur(.25rem) saturate(180%);--color-brand-primary: rgb(47, 54, 84);--color-brand-secondary: #5a5c56;--color-page-background: var(--color-surface-back);--color-text: #eeeeee;--color-primary-soft-bg: var(--color-brand-primary);--color-primary-soft-active-bg: var(--color-surface-back);--color-primary-soft-hover-bg: #333333;--color-primary-soft-text: var(--color-text);--color-neutral-soft-bg: var(--color-surface-front);--color-neutral-soft-active-bg: var(--color-surface-back);--color-neutral-soft-hover-bg: #333333;--color-neutral-soft-text: var(--color-text);--color-neutral-plain-bg: "transparent";--color-neutral-plain-active-bg: var(--color-surface-back);--color-neutral-plain-hover-bg: #333333;--color-neutral-plain-text: var(--color-text)}.account{flex:1}.account-nav{position:fixed;top:.5rem;left:.5rem;padding:.5rem;background-color:var(--color-surface-translucent);border:.5px solid var(--color-surface-border);border-radius:1rem;backdrop-filter:var(--surface-translucent-blur);-webkit-backdrop-filter:var(--surface-translucent-blur);z-index:100}.account-section{width:100%;max-width:48rem;margin:10rem auto 0}