.auth-user{display:flex;align-items:center;justify-content:center}.auth-user article{max-width:360px;width:100%}.auth-user h1{color:var(--text-900);text-align:center;font-size:30px;font-style:normal;font-weight:600;line-height:38px;font-family:var(--font-family-inter);margin:0}.auth-user p{color:var(--text-600);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:12px}.auth-user form{margin-top:32px}.auth-user form#connect{margin-top:16px;gap:8px}.auth-user .user-links{width:100%;display:flex;border-radius:10px;align-items:center;justify-content:center;padding:4px;margin-top:24px;border:1px solid var(--gray-150);background-color:var(--gray-50);gap:4px}.auth-user .user-links a{display:flex;height:36px;padding:8px;width:100%;justify-content:center;align-items:center;border-radius:6px;color:var(--text-500);background-color:var(--gray-50);box-shadow:none;font-size:14px;font-style:normal;font-weight:600;line-height:20px;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}.auth-user .user-links a:hover,.auth-user .user-links a.active{color:var(--gray-700);background-color:var(--text-color-white);box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.auth-user .forgot-password{width:100%;margin-top:4px}.auth-user .forgot-password a{color:var(--color-brand-600);text-align:right;font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:block;width:100%}@keyframes google-colors{0%{background:linear-gradient(90deg,#4285f433,#db44371a,#f4b4001a,#0f9d581a)}25%{background:linear-gradient(90deg,#0f9d581a,#4285f433,#db44371a,#f4b4001a)}50%{background:linear-gradient(90deg,#f4b4001a,#0f9d581a,#4285f433,#db44371a)}75%{background:linear-gradient(90deg,#db44371a,#f4b4001a,#0f9d581a,#4285f433)}to{background:linear-gradient(90deg,#4285f433,#db44371a,#f4b4001a,#0f9d581a)}}.auth-user .password-requirements{display:flex;flex-wrap:wrap;margin-top:-14px;margin-bottom:4px;column-gap:8px;row-gap:6px}.auth-user .password-requirements div{background-color:var(--background-gray-300);gap:2px;display:flex;align-items:center;justify-content:center;color:var(--text-400);padding:1px 5px;border-radius:12px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.auth-user .password-requirements div p{margin-top:0;font-size:14px}.auth-user .password-requirements svg{width:16px;height:16px}.auth-user .password-requirements path{transition:stroke .2s ease-in-out;stroke:var(--text-400)}.auth-user .password-requirements div.green{background-color:var(--background-green-300);color:var(--green-600)}.auth-user .password-requirements div.green path{stroke:var(--green-600)}.auth-user .icon{display:flex;margin:0 auto 24px;width:56px;height:56px;padding:14px;justify-content:center;align-items:center;background-color:var(--text-color-white);border:solid 1px var(--gray-150);border-radius:12px;box-shadow:0 0 0 1px #1018282e inset,0 -2px #1018280d inset,0 1px 2px #1018280d}.auth-user .icon svg{width:28px;height:28px;flex-shrink:0}.auth-user .back-to-login{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;color:var(--text-600);font-size:14px;font-style:normal;font-weight:600;line-height:20px;width:fit-content;margin:32px auto 0}.auth-user .back-to-login svg{width:20px;height:20px}.auth-user .back-to-login path{stroke:var(--text-600)}.auth-user .email-sucess{width:100%;display:none;justify-content:center;align-items:center;gap:24px;text-align:center;flex-direction:column;margin-top:42px}.auth-user .email-sucess svg{width:100%;min-height:190px;max-width:190px}.auth-user .email-sucess path{stroke:var(--green-525)}.auth-user .error-message{width:100%;background-color:var(--red-500);display:flex;justify-content:center;align-items:center;gap:12px;border-radius:12px;padding:10px 16px;margin-bottom:24px}.auth-user .error-message p{color:var(--text-color-white);font-size:14px;margin:0;text-align:left}.auth-user .error-message strong{font-weight:700}.auth-user .error-message svg{width:48px;height:48px;min-width:48px}.auth-user .error-message path{stroke:var(--text-color-white)}@keyframes slideInFade{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutFade{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.auth-user .email-sucess{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;animation:none}.auth-user .email-sucess.slide-in{display:flex;opacity:1;pointer-events:auto;animation:slideInFade .5s cubic-bezier(.4,1.4,.6,1) forwards}.auth-user .email-sucess.slide-out,.auth-user form.slide-out{opacity:0;pointer-events:none;animation:slideOutFade .4s cubic-bezier(.4,1.4,.6,1) forwards}.auth-user .custom-modal{display:none;position:fixed;z-index:1050;left:0;top:0;width:100vw;height:100vh;overflow:auto;background:#00000073;align-items:center;justify-content:center;transition:opacity .3s}.auth-user .custom-modal.open{display:flex;opacity:1}.auth-user .custom-modal-dialog{max-width:700px;width:90vw;margin:auto;background:transparent;border-radius:12px}.auth-user .custom-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:0;overflow:hidden;animation:modalIn .3s}@keyframes modalIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-user .custom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 12px;border-bottom:1px solid #eee}.auth-user .custom-modal-title{font-size:1.5rem;font-weight:600;margin:0}.auth-user .custom-modal-close{background:none;border:none;color:#888;cursor:pointer;transition:color .2s;padding:0}.auth-user .custom-modal-close svg{width:20px}.auth-user .custom-modal-close:hover{color:#333}.auth-user .custom-modal-body{padding:24px;color:#222;font-size:1rem;max-height:60vh;overflow-y:auto}.auth-user .custom-modal p{text-align:justify}@media (max-width: 576px){.auth-user article{max-width:100%;padding:0 24px}}
