.login-hero{background:radial-gradient(120% 90% at 0% 0%,var(--color-brand-400) 0%,transparent 60%),linear-gradient(160deg,var(--color-brand-500) 0%,color-mix(in oklab,var(--color-brand-600) 70%,#e11d48) 100%)}.login-field{display:flex;align-items:center;gap:.75rem;height:3.25rem;padding:0 1rem;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #0000000d,inset 0 0 0 1px #0307121a;transition:box-shadow .15s}.login-field:focus-within{box-shadow:inset 0 0 0 2px var(--color-brand-500)}.dark .login-field{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.dark .login-field:focus-within{box-shadow:inset 0 0 0 2px var(--color-brand-500)}.login-input{min-width:0;flex:1;border:none;background:transparent;font-size:16px;outline:none}.login-input::placeholder{color:#9ca3af}.login-float{animation:login-float 6s ease-in-out infinite}@keyframes login-float{0%,to{translate:0 0}50%{translate:0 -8px}}.login-step-enter-active,.login-step-leave-active{transition:opacity .18s ease,transform .18s ease}.login-step-enter-from{opacity:0;transform:translate(12px)}.login-step-leave-to{opacity:0;transform:translate(-12px)}.onboarding-input{display:block;width:100%;height:3.75rem;padding:0 1.25rem;border:none;border-radius:1.25rem;background:#fff;font-size:20px;font-weight:600;box-shadow:0 1px 2px #0000000d,inset 0 0 0 1px #0307121a;outline:none;transition:box-shadow .15s}.onboarding-input::placeholder{color:#9ca3af;font-weight:400}.onboarding-input:focus{box-shadow:inset 0 0 0 2px var(--color-brand-500)}textarea.onboarding-input{font-size:17px;font-weight:400}.dark .onboarding-input{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.dark .onboarding-input:focus{box-shadow:inset 0 0 0 2px var(--color-brand-500)}.onboarding-choice{display:flex;align-items:center;gap:.875rem;height:4rem;padding:0 1.25rem;border-radius:1.25rem;background:#fff;font-size:17px;font-weight:600;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0000000d,inset 0 0 0 1px #03071214;transition:transform .12s,box-shadow .15s,background-color .15s}.onboarding-choice:hover{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--color-brand-500) 50%,transparent)}.onboarding-choice:active{transform:scale(.98)}.onboarding-choice-active{background:color-mix(in oklab,var(--color-brand-500) 10%,white);box-shadow:inset 0 0 0 2px var(--color-brand-500)}.dark .onboarding-choice{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.dark .onboarding-choice-active{background:color-mix(in oklab,var(--color-brand-500) 15%,transparent);box-shadow:inset 0 0 0 2px var(--color-brand-500)}.onboarding-primary{display:flex;align-items:center;justify-content:center;width:100%;height:3.5rem;border-radius:1.25rem;background:var(--color-brand-500);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px color-mix(in oklab,var(--color-brand-500) 40%,transparent);transition:transform .12s,opacity .15s,background-color .15s}.onboarding-primary:hover{background:var(--color-brand-600)}.onboarding-primary:active{transform:scale(.98)}.onboarding-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.onboarding-forward-enter-active,.onboarding-forward-leave-active,.onboarding-back-enter-active,.onboarding-back-leave-active{transition:opacity .2s ease,transform .2s ease}.onboarding-forward-enter-from,.onboarding-back-leave-to{opacity:0;transform:translate(24px)}.onboarding-forward-leave-to,.onboarding-back-enter-from{opacity:0;transform:translate(-24px)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{position:absolute;inset:0;transition:transform .28s cubic-bezier(.22,1,.36,1)}.slide-left-enter-from{transform:translate(100%)}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-100%)}.slide-right-leave-to{transform:translate(100%)}@media(min-width:1024px){.drawer-panel{left:auto;width:480px;box-shadow:-16px 0 48px #0003}}.drawer-enter-active,.drawer-leave-active{transition:transform .32s cubic-bezier(.22,1,.36,1)}.drawer-enter-from,.drawer-leave-to{transform:translate(100%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active:not(.fixed){position:absolute;inset:0}.modal-enter-active,.modal-leave-active{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease}.modal-enter-from,.modal-leave-to{transform:translateY(-100%);opacity:0}