.signup{display:flex;min-height:100vh;width:100%;flex-direction:column}.signup__visual{display:none;background-color:var(--color-bg);padding:20px;align-items:center;justify-content:center;position:relative;z-index:1}.signup__form-section{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);position:relative;z-index:10}.theme-toggle{position:absolute;top:var(--padding-md);right:var(--padding-md);width:2.75rem;height:2.75rem;background-color:var(--color-shading-base);border:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;z-index:20}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon{color:var(--color-text)}.signup__container{width:100%;max-width:550px;min-height:700px;background-color:var(--color-bg);padding:var(--padding-md);display:flex;flex-direction:column;justify-content:space-between;border:none}.signup__header{margin-bottom:var(--spacing-lg);text-align:center}.signup__logo{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-md);margin:0 auto var(--spacing-md) auto}.signup__tagline{font-size:var(--font-size-sm);font-weight:650;background-color:var(--color-accent);color:var(--color-bg);width:fit-content;padding:var(--padding-sm) var(--padding-md);border-radius:9999px;margin:0 auto var(--spacing-md) auto;text-transform:uppercase;letter-spacing:var(--letter-spacing-base)}.signup__title{font-size:var(--font-size-2xl);font-weight:450;color:var(--color-text);margin-bottom:var(--spacing-xs)}.signup__subtitle{font-size:var(--font-size-md);color:var(--color-text-60);font-weight:400}.signup__form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-field{display:flex;flex-direction:column;position:relative;padding-top:var(--spacing-md)}.form-field__label{position:absolute;top:0;left:0;margin-left:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-35);font-weight:400;opacity:0;transform:translateY(var(--spacing-xxs));transition:opacity .2s ease,transform .2s ease;pointer-events:none}.form-field:focus-within .form-field__label{opacity:1;transform:translateY(0)}.form-field__input-wrapper{position:relative;display:flex;align-items:center}.form-field__input{width:100%;padding:var(--padding-sm) var(--padding-sm);background-color:var(--color-shading-soft);border:1px solid var(--color-shading-strong);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-ml);font-family:var(--font-family);transition:border-color .2s ease,background-color .2s ease}.form-field__input::placeholder{color:var(--color-text-35);transition:opacity .2s ease}.form-field__input:focus::placeholder{opacity:0}.form-field__input:focus{outline:none;border-color:var(--color-accent)}.form-field__input--error{border-color:var(--color-error)}.form-field__input--error:focus{border-color:var(--color-error)}.form-field__error{font-size:var(--font-size-md);color:var(--color-error);margin-top:var(--spacing-xs);margin-left:var(--spacing-xs);margin-bottom:calc(-1 * var(--spacing-xs));display:flex;align-items:center;gap:var(--spacing-xxs)}.form-field__error-icon{flex-shrink:0;width:1.25rem;height:1.25rem;background-color:var(--color-error)}.form-field__input-wrapper .form-field__input{padding-right:3rem}.form-field__toggle{position:absolute;right:var(--padding-sm);background:none;border:none;cursor:pointer;padding:var(--padding-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.form-field--checkbox{margin-top:var(--spacing-md);padding-top:0;text-align:center}.checkbox-label{display:flex;gap:var(--spacing-sm);align-items:flex-start;cursor:pointer}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{flex-shrink:0;width:1.25rem;height:1.25rem;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;margin-top:.125rem;margin-left:var(--padding-xs);margin-right:-10px}.checkbox-icon{opacity:0;transition:opacity .2s ease;color:var(--color-bg)}.checkbox-input:checked+.checkbox-custom{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox-input:checked+.checkbox-custom .checkbox-icon{opacity:1}.checkbox-input:focus+.checkbox-custom{outline:2px solid color-mix(in srgb,var(--color-text) 50%,transparent);outline-offset:2px}.checkbox-text{font-size:var(--font-size-m);color:var(--color-text-50);line-height:1.5}.checkbox-link{color:var(--color-accent);text-decoration:underline;font-weight:600;transition:color .2s ease}.signup__button{width:100%;padding:var(--padding-md) var(--padding-md);background-color:var(--color-button-neutral);color:var(--color-button-neutral-text);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:background-color .2s ease,transform .1s ease;margin-top:var(--spacing-sm)}.signup__button:disabled{opacity:.6;cursor:not-allowed}.signup__button:not(:disabled):active{transform:translateY(0)}.signup__button-loading,.signup__button--loading .signup__button-text,.signup__button--loading .signup__button-icon{display:none}.signup__button .icon{transition:all .3s ease}.signup__button--loading .signup__button-loading{display:block;animation:hourglassFlip 1.2s ease-in-out infinite}@keyframes hourglassFlip{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.signup__footer{text-align:center}.signup__login-prompt{font-size:var(--font-size-md);color:var(--color-text-75)}.signup__login-link{background-color:var(--color-shading-strong);color:var(--color-text-75);margin-left:var(--spacing-xs);border-radius:var(--radius-md);padding:var(--padding-xxs) var(--padding-sm);text-decoration:none;font-weight:500;transition:color .2s ease}.alert-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:flex-end;padding:var(--padding-lg) var(--padding-sm) var(--padding-sm) var(--padding-lg);pointer-events:none}.alert-modal.is-visible{display:flex;pointer-events:auto}.alert-modal__backdrop{position:absolute;inset:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto}.alert-modal__content{position:relative;width:100%;max-width:400px;background-color:var(--color-shading-foreground);border-radius:var(--radius-lg);padding:var(--padding-md);box-shadow:0 20px 25px -5px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.alert-modal__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.alert-modal__title-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1}.alert-modal__icon{flex-shrink:0;color:var(--color-text);margin-top:.125rem}.alert-modal__title-group{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-xs)}.alert-modal__title{font-size:var(--font-size-ml);font-weight:500;color:var(--color-text);margin:0}.alert-modal__version{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text) 60%,transparent);font-weight:400}.alert-modal__close{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:background-color .2s ease}.alert-modal__body{font-size:var(--font-size-md);color:color-mix(in srgb,var(--color-text) 85%,transparent);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.alert-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.alert-modal__button{padding:var(--padding-xs) var(--padding-md);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,transform .1s ease;border:none}.alert-modal__button--secondary{background-color:transparent;color:var(--color-text-60);border:1px solid var(--color-text-25)}.alert-modal__button--primary{background-color:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-text-75);border:1px solid var(--color-accent)}.alert-modal__button:active{transform:translateY(0)}@media(min-width:1400px){.signup__visual{display:flex}.signup__form-section{background-color:transparent}}@media(min-width:1024px){.signup__form-section{max-height:95vh;margin-top:2.5vh}.signup__container{max-width:600px}.signup__logo{margin:0 auto var(--spacing-2xl) auto}.signup__title{font-size:var(--font-size-hero)}}@media(min-width:768px){.signup{flex-direction:row}.signup__visual{flex:1}.signup__form-section{flex:1;padding:var(--padding-2xl)}.signup__container{border-radius:var(--radius-xl);padding:var(--padding-2xl);background-color:var(--color-shading-foreground);border:1px solid var(--color-shading-base)}.signup__logo{margin:0 auto var(--spacing-lg) auto}.theme-toggle{top:var(--padding-lg);right:var(--padding-lg)}.signup__header{margin-bottom:var(--spacing-xl)}.signup__title{margin-bottom:var(--spacing-sm)}.form-field__input{padding:var(--padding-md) var(--padding-md)}.checkbox-custom{margin-left:0;margin-right:0}}@media(max-height:735px){.theme-toggle{top:var(--padding-sm);right:var(--padding-sm);height:1.5rem;width:1.5rem}.signup__logo,.signup__tagline{display:none}.signup__container{justify-content:flex-start}.signup__header{margin-top:var(--padding-lg);margin-bottom:var(--padding-lg)}}@media(hover:hover)and (pointer:fine){.theme-toggle:hover{transform:scale(1.1)}.checkbox-link:hover{color:color-mix(in srgb,var(--color-text) 75%,transparent)}.signup__button:not(:disabled):hover .icon{transform:translate(4px)}.signup__button:not(:disabled):hover{transform:translateY(-2px)}.alert-modal__close:hover{background-color:color-mix(in srgb,var(--color-text) 10%,transparent)}.alert-modal__button--secondary:hover{background-color:color-mix(in srgb,var(--color-text) 5%,transparent)}.alert-modal__button--primary:hover{background-color:color-mix(in srgb,var(--color-button-neutral) 90%,transparent);color:var(--color-button-neutral-text);transform:translateY(-1px)}}.custom-alert[data-variant=terms]{justify-content:center;padding-left:var(--padding-sm);padding-right:var(--padding-sm)}@media(min-width:1400px){.custom-alert[data-variant=terms] .custom-alert__content{margin-left:50%;transform:translate(-50%)}.custom-alert[data-variant=terms].custom-alert--visible .custom-alert__content{animation:termsAlertSlideIn .3s ease forwards}@keyframes termsAlertSlideIn{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.signup__step{display:flex;flex-direction:column;justify-content:space-between;flex:1}.signup__step[hidden]{display:none}.otp-field{display:flex;flex-direction:column}.otp-field__inputs{display:flex;gap:var(--spacing-xs);justify-content:center;align-items:center}.otp-field__digit{width:10vw;height:15vw;min-width:2.75rem;min-height:3.75rem;max-width:3.5rem;max-height:4.5rem;padding:0;background-color:var(--color-shading-base);border:1px solid var(--color-shading-strong);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-xl);font-weight:500;font-family:var(--font-family);text-align:center;vertical-align:middle;line-height:normal;flex-shrink:0;transform-origin:center center;transition:border-color .2s ease,background-color .2s ease,transform .1s ease;caret-color:transparent}.otp-field__digit:-webkit-autofill,.otp-field__digit:-webkit-autofill:hover,.otp-field__digit:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-shading-base) inset;box-shadow:0 0 0 1000px var(--color-shading-base) inset;transition:background-color 5000s ease-in-out 0s}.otp-field__digit:focus{outline:none;border-color:color-mix(in srgb,var(--color-text) 75%,transparent);transform:scale(1.05)}.otp-field__digit--error{border-color:var(--color-error)}.otp-field__digit--error:focus{border-color:var(--color-error)}.otp-field__error{font-size:var(--font-size-md);color:var(--color-error);margin-top:var(--spacing-xs);margin-left:var(--spacing-xs);margin-bottom:calc(-1 * var(--spacing-xs));display:flex;align-items:center;gap:var(--spacing-xxs)}.otp-field__error-icon{flex-shrink:0;width:1.25rem;height:1.25rem;background-color:var(--color-error)}.signup__resend-link{background:none;border:none;color:var(--color-text);font-size:var(--font-size-md);font-weight:500;text-decoration:underline;cursor:pointer;padding:0;margin-left:.25rem;transition:color .2s ease;font-family:var(--font-family)}.signup__resend-link:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.otp-field__digit{font-size:var(--font-size-2xl)}.otp-field__inputs{gap:var(--spacing-xs)}}@media(max-width:325px){.otp-field__inputs{gap:var(--spacing-xxs)}}@media(hover:hover)and (pointer:fine){.signup__resend-link:not(:disabled):hover{color:color-mix(in srgb,var(--color-text) 75%,transparent)}}