.auth-page{width:100%;min-height:100dvh;padding-inline:var(--pd-x);isolation:isolate;background:0 0;flex-direction:column;align-items:center;gap:4rem;padding-top:10vh;padding-bottom:5rem;display:flex;position:relative}.auth-page img{width:70%;height:auto;margin:0 auto;display:block}.auth-form{-webkit-backdrop-filter:blur(4.3px);backdrop-filter:blur(4.3px);background:#ffffff0f;border:1px solid #ffffff4d;border-radius:2rem;flex-direction:column;gap:1rem;width:min(100%,420px);padding:1rem;display:flex;box-shadow:0 4px 30px #0000001a}.auth-form h2{text-align:center;font-size:var(--fs-xl);margin-bottom:.6rem;font-weight:500}.auth-form__avatar-section{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.auth-form__avatar-ring{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:3px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #0f122826}.auth-form__avatar-ring:hover{transform:scale(1.05);box-shadow:0 6px 16px #0f122833}.auth-form__avatar-ring:hover .auth-form__avatar-upload-icon{background:#8b5cf6f2;transform:scale(1.1)}.auth-form__avatar-ring img{object-fit:cover;opacity:1;border-radius:50%;width:100%;height:100%}.auth-form__avatar-upload-icon{color:#fff;z-index:10;background:#8b5cf6e6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #8b5cf666}.auth-form__avatar-upload-icon svg{color:#fff}.auth-field{background:#ffffff14;border:2px solid #000;border-radius:10rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex;position:relative}.auth-field input{font-size:var(--fs-m);background:0 0;border:0;outline:none;flex:1}.auth-field input::placeholder{color:#000000b3}.auth-field .custom-date{font-size:var(--fs-m);text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;outline:none;flex:1;align-items:center;padding:0;font-family:inherit;display:flex}.auth-field .custom-date .date-placeholder{color:#000000b3}.field-icon{color:#000c;justify-content:center;align-items:center;display:flex}.field-toggle{color:#000c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.field-toggle:hover,.field-toggle:focus-visible{color:#000}.form-row{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.remember{font-size:var(--fs-s);align-items:flex-start;gap:.6rem;display:flex}.remember input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #0006;border-radius:6px;flex-shrink:0;place-items:center;width:1.4rem;height:1.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.remember input[type=checkbox]:checked{background:#000;border-color:#000;box-shadow:0 4px 10px #00000026}.remember input[type=checkbox]:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:.35rem;height:.7rem;margin-top:-2px;transition:all .2s cubic-bezier(.4,0,.2,1);transform:rotate(45deg)scale(0)}.remember input[type=checkbox]:checked:after{opacity:1;transform:rotate(45deg)scale(1)}.remember input[type=checkbox].checkbox-error{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;box-shadow:0 0 0 4px #2563eb26;border-color:#2563eb!important}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.forgot{color:inherit;font-size:var(--fs-s);cursor:pointer;background:0 0;border:0;font-weight:500;text-decoration:underline}.auth-form .btn.secondary{border:2px solid #000}.socials{flex-direction:column;align-items:center;gap:1.4rem;display:flex}.social-row{justify-content:center;align-items:center;gap:1.2rem;display:flex}.social-btn{cursor:pointer;background:#fff;border:0;border-radius:100%;justify-content:center;align-items:center;width:4rem;height:4rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;overflow:hidden}.social-btn img{width:50%}.social-btn:hover,.social-btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.auth-page a{color:inherit;text-decoration:underline}.redirect{text-align:center}.auth-error{color:#ef4444;font-size:var(--fs-s);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:1rem;display:flex}.auth-error svg{flex-shrink:0}.auth-error span{flex:1}.field-error{border-color:#ef4444!important}.field-success{border-color:#22c55e!important}.field-status,.field-error-text,.field-success-text{font-size:.75rem;font-weight:500;position:absolute;bottom:-1.5rem;left:1rem}.field-status{color:#0009}.field-error-text{color:#ef4444}.field-success-text{color:#22c55e}.username-suggestion{font-size:var(--fs-s);color:#000c;cursor:pointer;background:#fff9;border:1px solid #0003;border-radius:999px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.username-suggestion:hover{background:#ffffffe6;border-color:#0000004d;transform:translateY(-1px)}.field-status-container span{margin-block:.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-spin{animation:1s linear infinite spin}