:root{--login-background-color:#181823;--form-background:#1e2b3ef8;--form-background-mobile:#192434fa;--toggle-button-bg:#283852f2;--toggle-button-hover:#32425cfa;--backdrop-color:#00000080;--transition-duration:.35s;--transition-timing:cubic-bezier(.4,0,.2,1);--mobile-form-height-collapsed:64px;--mobile-form-height-expanded:75vh;--login-box-1-color:#f94f39;--login-box-2-color:#1e7cd3;--login-box-3-color:#6b66da;--login-page-primary-text-color:#fafafc;--login-page-secondary-text-color:#8b8aa0;--input-background-color:#7976a439;--input-border-color:#595f81;--login-close-icon-color:#8b8aa0d5}.onboarding{background-color:var(--login-background-color);width:100%;height:100vh;position:relative;overflow:hidden}.carousel-wrapper{z-index:0;height:100vh;transition:transform var(--transition-duration)var(--transition-timing);position:absolute;inset:0}.form-section:not(.mobile){background-color:var(--form-background);-webkit-backdrop-filter:blur(26px)saturate(140%);z-index:1;flex-direction:column;justify-content:center;align-items:center;width:30%;min-width:360px;max-width:620px;height:100vh;padding:20px;display:flex;position:absolute;top:0;right:0;box-shadow:-40px 0 80px #000c}.form-section:not(.mobile)>*{justify-content:center;width:100%;max-width:480px;display:flex}@media (max-width:899px){.onboarding.mobile-view{width:100vw;height:100vh;overflow:hidden}.carousel-wrapper{width:100vw;height:100vh}.form-backdrop{background-color:var(--backdrop-color);-webkit-backdrop-filter:blur(4px);z-index:90;animation:.3s ease-out fadeIn;position:fixed;inset:0}.form-section.mobile{z-index:100;width:100vw;transition:all var(--transition-duration)var(--transition-timing);background-color:#0000;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(0)}.form-section.mobile.collapsed{height:var(--mobile-form-height-collapsed);transform:translateY(0)}.form-section.mobile.expanded{height:var(--mobile-form-height-expanded);background-color:var(--login-background-color);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:24px 24px 0 0;transform:translateY(0);box-shadow:0 -20px 60px #00000080}.form-toggle-button{width:100vw;height:64px;min-height:64px;color:var(--login-page-primary-text-color);cursor:pointer;z-index:101111;background-color:#1f1f2d;border:none;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.form-toggle-button:hover{opacity:.9;background-color:#1f1f2d}.toggle-icon{transition:transform var(--transition-duration)var(--transition-timing);color:var(--login-page-primary-text-color)}.form-toggle-button.collapsed .toggle-icon{transform:rotate(0)}.form-toggle-button.expanded .toggle-icon{transform:rotate(180deg)}.form-content.mobile{-webkit-overflow-scrolling:touch;background-color:var(--login-background-color);flex:1;width:100vw;height:calc(100% - 64px);margin-top:20px;padding:24px 24px 120px;overflow:hidden auto}.form-content.mobile-collapsed{display:none}.form-content.mobile-expanded{display:block}.form-content.mobile>*{width:100%;max-width:400px;margin:0 auto}.form-content.mobile::-webkit-scrollbar{width:6px}.form-content.mobile::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.form-content.mobile::-webkit-scrollbar-thumb{background:var(--login-box-2-color);border-radius:3px}}@media (min-width:600px) and (max-width:899px){.form-section.mobile.expanded{border-radius:24px 24px 0 0;width:100vw;max-width:none;margin:0;left:0;transform:translate(0)}.form-toggle-button{width:100vw}.form-content.mobile>*{max-width:400px}}@media (max-width:399px){:root{--mobile-form-height-collapsed:60px;--mobile-form-height-expanded:70vh}.form-toggle-button{height:60px;min-height:60px;font-size:15px}.form-content.mobile{height:calc(100% - 60px);padding:20px 16px}}@media (min-width:400px) and (max-width:599px){.form-content.mobile{padding:24px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (hover:none) and (pointer:coarse){.form-toggle-button{min-height:64px;padding-top:8px;padding-bottom:8px}.form-content.mobile{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){:root{--transition-duration:1ms}.form-section,.form-backdrop,.carousel-wrapper,.toggle-icon{transition-duration:1ms!important;animation-duration:1ms!important}}