header{display:flex;justify-content:space-between;position:fixed;width:100%;z-index:1000}header .logo{padding:1rem 2rem;text-decoration:none;display:flex;align-items:center}header .logo img{height:2rem;width:auto;display:block}header nav{display:flex;padding:1rem 2rem}nav.primary{align-items:center;position:absolute;left:50%;transform:translate(-50%)}nav.secondary{align-items:right;margin-left:auto}nav.secondary .switch{display:flex;align-items:center;margin-left:1rem}nav.secondary .switch .icon{display:flex;align-items:center;padding:0 .25rem}.mobile-menu-toggle{display:none;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}@media (max-width: 991px){.desktop-menu{display:none}.mobile-menu-toggle{display:block}nav.primary{position:static;transform:none}}@media (min-width: 992px){.mobile-menu{display:none!important}}.home{width:100%}.screen{border-radius:.5rem;text-align:left;text-decoration:none;width:100%;border:1px solid transparent;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:space-between;min-height:20rem}.screen[id]{scroll-margin-top:6rem}.screen.first{min-height:45rem;vertical-align:middle}.yapp{margin-top:auto;padding:1.5rem;max-width:32rem;text-align:center;margin-left:auto;margin-right:auto}.illustration{margin-bottom:1rem;display:flex;justify-content:center}@media (max-width: 639px){.home .screen{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}.yapp{max-width:90%}}[data-joy-color-scheme=light] .screen,[data-joy-color-scheme=auto] .screen{color:#222;background-color:#f1f1f1}[data-joy-color-scheme=light] .screen.first,[data-joy-color-scheme=auto] .screen.first{color:#222;background-color:#aeb1a6}[data-joy-color-scheme=dark] .screen{color:#fff;background-color:#333}[data-joy-color-scheme=dark] .screen.first{color:#fff;background-color:#aeb1a6}:root{font-family:Inter,Helvetica,Arial,sans-serif,system-ui;font-size:18px;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%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{border-radius:1rem!important;font-size:1rem!important}html{scroll-behavior:smooth}body{margin:0;background-color:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}h1,h2{text-align:center;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;align-items:center;max-width:calc(1400px - 2rem);margin:6rem auto 2rem;text-align:center;width:100%;padding:1rem}@media (max-width: 1400px){main{max-width:calc(1200px - 2rem)}}@media (max-width: 1200px){:root{font-size:14px}main{max-width:calc(991px - 2rem)}}@media (max-width: 991px){main{max-width:calc(100% - 2rem)}}[data-joy-color-scheme=light],[data-joy-color-scheme=auto]{color:#222;background-color:#fff}[data-joy-color-scheme=light] body,[data-joy-color-scheme=auto] body{background-color:#fff;color:#222}[data-joy-color-scheme=dark],[data-joy-color-scheme=dark] body{background-color:#222;color:#ccc}.sign-in{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.sign-in-card{width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 12px #0000001a;border-radius:12px}@media (prefers-color-scheme: dark){.sign-in-card{background-color:#1e1e1e;border-color:#333;box-shadow:0 4px 12px #0000004d}.google-signin-btn:hover{box-shadow:0 4px 12px #ffffff1a}}.profile{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem;width:100%}.profile-card{width:100%;max-width:600px;padding:2rem}@media (max-width: 768px){.profile{padding:1rem}.profile-card{padding:1.5rem}}