.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.auth-pattern{position:fixed;inset:0;z-index:-2}.auth-pattern::after,.auth-pattern::before{content:"";position:absolute;inset-inline:0;height:213px;background:url(../images/auth-bg.svg);background-size:cover}.auth-pattern::after{bottom:0}.auth-pattern-overlay{position:fixed;z-index:-1;inset-block:112px;inset-inline:0}.auth-pattern-overlay::after,.auth-pattern-overlay::before{content:"";position:absolute;inset-inline:0;height:102px;background:linear-gradient(180deg,rgba(255,255,255,0) 11.27%,#fff 100%)}.auth-pattern-overlay::after{bottom:0;transform:rotate(180deg)}.auth-content{display:flex;flex-direction:column;gap:16px}.auth-logo{text-align:center;display:flex;align-items:center;justify-content:center}.auth-form{background:#fff;border-radius:24px;box-shadow:0 0 24px 0 rgba(214,214,214,.3882352941);padding:24px;box-sizing:border-box;width:90vw;max-width:416px}.auth-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.auth-footer a{text-decoration:underline;text-underline-offset:4px}.auth-footer a:not(:hover){color:var(--primary-200)}.auth-back{margin-inline-start:auto}.auth-section{display:none;flex-direction:column;gap:16px}.auth-section.show{display:flex}.auth-section-title{margin-bottom:24px;font-weight:800;color:var(--secondary-100)}.auth-section-actions{margin-top:40px;display:flex;align-items:center;gap:8px;white-space:nowrap}.auth-section-error{display:none;color:var(--red)}.auth-section-error.error{display:block}.auth-section-notice{display:none;color:var(--primary-100)}.auth-link{cursor:pointer;color:var(--primary-100);text-align:center;will-change:color;transition:color .2s ease-in-out}.auth-link:hover{color:var(--primary-200)}.auth-otp-section .auth-terms{display:none}.otp-fields{display:flex;gap:16px;justify-content:space-evenly;direction:ltr}.otp-fields .input-wrap.input-wrap-white{padding:8px;width:auto;border-radius:12px}.otp-fields .input-wrap.input-wrap-white:first-child{margin-inline-start:auto}.otp-fields .input-wrap.input-wrap-white:last-child{margin-inline-end:auto}.otp-fields input{text-align:center!important}.otp-fields input,.otp-fields input::-webkit-inner-spin-button,.otp-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.otp-timer{text-align:center;color:var(--text-400)}