:root{--auth-body-bg:#ecf0f3;--auth-surface-bg:#ecf0f3;--auth-text-primary:#181818;--auth-text-muted:#5b6063;--auth-button-bg:#4b70e2;--auth-button-text:#f9f9f9;--auth-shadow-outer:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9;--auth-shadow-switch:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9;--auth-shadow-circle:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9;--auth-shadow-input:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9;--auth-shadow-input-focus:inset 4px 4px 4px #d1d9e6,inset -4px -4px 4px #f9f9f9;--auth-shadow-button:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9;--auth-shadow-button-hover:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9;--auth-shadow-button-active:2px 2px 6px #d1d9e6,-2px -2px 6px #f9f9f9}.dark{--auth-body-bg:#020617;--auth-surface-bg:#0f172a;--auth-text-primary:#f8fafc;--auth-text-muted:#cbd5f5;--auth-button-bg:#6366f1;--auth-button-text:#f8fafc;--auth-shadow-outer:0 16px 40px rgba(99,102,241,0.55);--auth-shadow-switch:0 16px 40px rgba(99,102,241,0.55);--auth-shadow-circle:inset 0 0 40px rgba(99,102,241,0.55);--auth-shadow-input:inset 0 0 40px rgba(99,102,241,0.55);--auth-shadow-input-focus:inset 0 0 40px rgba(99,102,241,0.55);--auth-shadow-button:0 16px 40px rgba(99,102,241,0.55);--auth-shadow-button-hover:0 16px 40px rgba(99,102,241,0.55);--auth-shadow-button-active:0 16px 40px rgba(99,102,241,0.55)}body.auth-body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-size:12px;background-color:var(--auth-body-bg);color:var(--auth-text-muted)}*,:after,:before{margin:0;padding:0;box-sizing:border-box;user-select:none}.auth-main{position:relative;width:1000px;min-width:1000px;min-height:600px;height:600px;padding:25px;background-color:var(--auth-body-bg);box-shadow:var(--auth-shadow-outer);border-radius:30px;overflow:hidden;color:var(--auth-text-muted)}@media (max-width:1200px){.auth-main{transform:scale(.7)}}@media (max-width:1000px){.auth-main{transform:scale(.6)}}@media (max-width:800px){.auth-main{transform:scale(.5)}}@media (max-width:600px){.auth-main{transform:scale(.4)}}.auth-container{position:absolute;top:0;width:600px;padding:25px;background-color:var(--auth-surface-bg);transition:1.25s;color:var(--auth-text-muted)}.auth-container,.auth-form{display:flex;justify-content:center;align-items:center;height:100%}.auth-form{flex-direction:column;width:100%}.auth-form__icon{object-fit:contain;width:30px;margin:0 5px;opacity:.5;transition:.15s;filter:brightness(.8)}.auth-form__icon:hover{opacity:1;transition:.15s;cursor:pointer;filter:brightness(1)}.auth-form__input{width:350px;height:40px;margin:4px 0;padding-left:25px;font-size:13px;letter-spacing:.15px;border:none;outline:none;font-family:Montserrat,sans-serif;background-color:var(--auth-surface-bg);transition:.25s ease;border-radius:8px;box-shadow:var(--auth-shadow-input);color:var(--auth-text-primary)}.auth-form__input::placeholder{color:var(--auth-text-muted)}.auth-form__input:focus{box-shadow:var(--auth-shadow-input-focus)}.auth-form__span{margin-top:30px;margin-bottom:12px;color:var(--auth-text-muted)}.auth-form__link{font-size:15px;margin-top:25px;border-bottom:1px solid var(--auth-text-muted);line-height:2}.auth-form__link,.auth-title{color:var(--auth-text-primary)}.auth-title{font-size:34px;font-weight:700;line-height:3}.auth-description{font-size:14px;letter-spacing:.25px;text-align:center;line-height:1.6;color:var(--auth-text-muted)}.auth-button{width:180px;height:50px;border-radius:25px;margin-top:50px;font-weight:700;font-size:14px;letter-spacing:1.15px;background-color:var(--auth-button-bg);color:var(--auth-button-text);box-shadow:var(--auth-shadow-button);border:none;outline:none;cursor:pointer;transition:.25s ease}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-button__content{display:inline-flex;align-items:center;gap:.5rem}.auth-spinner-icon{width:16px;height:16px;animation:auth-spin .8s linear infinite}.a-container{z-index:100;left:calc(100% - 600px)}.b-container{left:calc(100% - 600px);z-index:0}.auth-switch{display:flex;justify-content:center;align-items:center;top:0;left:0;height:100%;width:400px;padding:50px;z-index:200;overflow:hidden;box-shadow:var(--auth-shadow-switch)}.auth-switch,.auth-switch__circle{position:absolute;transition:1.25s;background-color:var(--auth-surface-bg)}.auth-switch__circle{width:500px;height:500px;border-radius:50%;box-shadow:var(--auth-shadow-circle);bottom:-60%;left:-60%}.auth-switch__circle--t{top:-30%;left:60%;width:300px;height:300px}.auth-switch__container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:400px;padding:50px 55px;transition:1.25s;color:var(--auth-text-muted)}.auth-switch__button{cursor:pointer}.auth-switch__button:hover{box-shadow:var(--auth-shadow-button-hover);transform:scale(.985);transition:.25s}.auth-switch__button:active,.auth-switch__button:focus{box-shadow:var(--auth-shadow-button-active);transform:scale(.97);transition:.25s}.is-txr{left:calc(100% - 400px);transform-origin:left}.is-txl,.is-txr{transition:1.25s}.is-txl{left:0;transform-origin:right}.is-z200{z-index:200;transition:1.25s}.is-hidden{visibility:hidden;opacity:0;position:absolute;transition:1.25s}.is-gx{animation:is-gx 1.25s}@keyframes is-gx{0%,10%,to{width:400px}30%,50%{width:500px}}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}