.auth{width:100%;min-height:100svh;padding-inline:1rem;overflow:hidden}.auth__container{border-inline:1px solid color-mix(in srgb, var(--color-white) 14%, transparent);flex-direction:column;justify-content:center;width:100%;max-width:24rem;min-height:100svh;margin-inline:auto;display:flex;position:relative}.auth__header,.auth__form-wrapper,.auth__credit{padding-inline:1.5rem}.auth__header{flex-direction:column;gap:1.5rem;display:flex}.auth__logo{width:5.5rem;color:var(--color-white)}.auth__logo svg{width:100%;height:auto;display:block}.auth__heading{will-change:transform, opacity;flex-direction:column;gap:.25rem;display:flex}.auth__title{color:var(--color-white);margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3}.auth__description{color:color-mix(in srgb, var(--color-white) 55%, transparent);margin:0;font-size:1rem;line-height:1.5}.auth__form-wrapper{flex-direction:column;width:100%;margin-block:1.5rem;padding-block:2rem;display:flex;position:relative}.auth__full-divider{background:color-mix(in srgb, var(--color-white) 14%, transparent);pointer-events:none;width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.auth__full-divider--top{top:0}.auth__full-divider--bottom{bottom:0}.auth__form{flex-direction:column;gap:.5rem;display:flex}.auth__field{flex-direction:column;display:flex}.auth__input-group{border:1px solid color-mix(in srgb, var(--color-white) 18%, transparent);background:0 0;align-items:center;width:100%;height:2.75rem;transition:border-color .2s,background-color .2s;display:flex}.auth__input-group:focus-within{border-color:var(--color-accent-bright)}.auth__input-icon{width:2.75rem;height:100%;color:color-mix(in srgb, var(--color-white) 45%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:color .2s;display:flex}.auth__input{width:100%;height:100%;color:var(--color-white);font:inherit;background:0 0;border:0;outline:0;padding:0 .875rem 0 0;font-size:.875rem}.auth__input::placeholder{color:color-mix(in srgb, var(--color-white) 35%, transparent)}.auth__field.is-error .auth__input-group,.auth__field.is-error .auth__input-group:focus-within{border-color:var(--color-error)}.auth__field.is-error .auth__input-icon{color:var(--color-error)}.auth__field-error{width:100%;color:var(--color-error);will-change:height, margin-top, opacity, transform;margin-top:0;font-size:.75rem;font-weight:400;line-height:1.4;overflow:hidden}.auth__field-error span{color:inherit;display:block}.auth__confirm{will-change:height, opacity, transform;height:auto;overflow:hidden}.auth [hidden]{display:none}.auth__feedback{color:var(--color-accent-bright);font-size:.75rem;line-height:1.5;overflow:hidden}.auth__feedback.is-error{color:var(--color-error)}.auth__submit{border:1px solid var(--color-accent-bright);background:var(--color-accent-bright);width:100%;min-height:2.75rem;color:var(--color-black);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.auth__submit:hover{color:var(--color-accent-bright);background:0 0}.auth__submit:disabled{opacity:.5;cursor:not-allowed}.auth__switch{width:100%;color:color-mix(in srgb, var(--color-white) 55%, transparent);font:inherit;justify-content:center;align-items:center;gap:.25em;padding-block:.5rem;font-size:.75rem;line-height:1.4;display:flex}.auth__switch-action{color:var(--color-white);transition:color .2s}.auth__switch:hover .auth__switch-action{color:var(--color-accent-bright)}.auth__credit{color:color-mix(in srgb, var(--color-white) 45%, transparent);text-align:center;justify-content:center;gap:.25em;margin:0;font-size:.75rem;line-height:1.6;display:flex}.auth__credit a{color:var(--color-white);text-decoration:none;transition:color .2s}.auth__credit a:hover{color:var(--color-accent-bright)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=479px){.auth{padding-inline:0}.auth__container{border-inline:0;max-width:none}.auth__header,.auth__form-wrapper,.auth__credit{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){.auth__heading,.auth__confirm,.auth__field-error{will-change:auto}}