.auth-switch,.auth-switch *{box-sizing:border-box}.auth-switch{font-family:var(--font-interface),sans-serif;background:linear-gradient(135deg,#071e42,#123867 55%,#245683);min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:24px;color:#444}.auth-switch-container{position:relative;width:100%;max-width:900px;height:550px;background:white;border-radius:20px;box-shadow:0 25px 50px #0003;overflow:hidden}.auth-switch-forms,.auth-switch-panels{position:absolute;width:100%;height:100%;inset:0}.auth-switch-form-position{position:absolute;top:50%;transform:translate(-50%,-50%);left:75%;width:50%;transition:1s ease-in-out .7s;display:grid;grid-template-columns:1fr;z-index:5}.auth-switch-sign-in,.auth-switch-sign-up{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 42px;grid-area:1/1;transition:opacity .2s .7s;min-width:0}.auth-switch-sign-in{z-index:2}.auth-switch-sign-up{opacity:0;z-index:1;text-align:center;gap:14px;visibility:hidden}.auth-switch h1,.auth-switch h2{font-size:32px;font-weight:700;margin:0 0 10px;line-height:1.2}.auth-switch-caption{font-size:13px;color:#777;margin:0 0 18px}.auth-switch-sign-up p{font-size:13px;line-height:1.7;margin:0}.auth-switch form{flex-direction:column;margin:0}.auth-switch form,.auth-switch-field{display:flex;align-items:center;width:100%;gap:12px}.auth-switch-field{height:55px;border-radius:55px;background:#f0f0f0;padding:0 18px}.auth-switch-field:focus-within{box-shadow:0 0 0 2px #071e42;background:#e8e8e8}.auth-switch-field svg{width:18px;height:18px;color:#777;flex-shrink:0}.auth-switch-field input{min-width:0;width:100%;background:transparent;border:0;outline:none;box-shadow:none;font:inherit;font-size:14px;color:#333;padding:0;height:100%;border-radius:0}.auth-switch-field input::placeholder{color:#999}.auth-switch-button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:49px;border-radius:49px;background:#071e42;border:0;color:white;font-size:13px;font-weight:600;margin:8px 0;cursor:pointer;transition:.3s;padding:10px 20px}.auth-switch-button:hover{background:#123867;transform:translateY(-2px);box-shadow:0 5px 15px #071e4240}.auth-switch-button:disabled{opacity:.6;cursor:wait;transform:none}.auth-switch-button:focus-visible{outline:3px solid #f8c65c;outline-offset:4px}.auth-switch-error{font-size:12px;color:#b42318;text-align:center;margin:0}.auth-switch-panels{display:grid;grid-template-columns:repeat(2,1fr);pointer-events:none}.auth-switch-panel{display:flex;align-items:center;justify-content:center;text-align:center;z-index:6;padding:40px;color:white}.auth-switch-panel>div{transition:transform .9s ease-in-out .6s}.auth-switch-panel h2{font-size:25px;line-height:1.3}.auth-switch-panel p{font-size:13px;line-height:1.8;margin:14px 0}.auth-switch-panel img{width:190px;height:95px;object-fit:contain;margin:0 auto 20px;filter:brightness(0) invert(1)}.auth-switch-left{pointer-events:auto}.auth-switch-right{pointer-events:none}.auth-switch-right>div{transform:translateX(800px)}.auth-switch-button.transparent{background:transparent;border:2px solid white;min-width:130px;min-height:41px;font-size:12px;margin:0}.auth-switch-button.transparent:hover{background:#ffffff1a}.auth-switch-container:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background:linear-gradient(-45deg,#071e42,#123867 55%,#245683);transition:1.8s ease-in-out;border-radius:50%;z-index:6;pointer-events:none}.auth-switch-container.sign-up-mode:before{transform:translate(100%,-50%);right:52%}.sign-up-mode .auth-switch-left>div{transform:translateX(-800px)}.sign-up-mode .auth-switch-form-position{left:25%}.sign-up-mode .auth-switch-sign-up{opacity:1;z-index:2;visibility:visible}.sign-up-mode .auth-switch-sign-in{opacity:0;z-index:1;visibility:hidden}.sign-up-mode .auth-switch-right>div{transform:translateX(0)}.sign-up-mode .auth-switch-left{pointer-events:none}.sign-up-mode .auth-switch-right{pointer-events:auto}@media(min-width:1024px){.auth-switch{min-height:125dvh}}@media(max-width:870px){.auth-switch{padding:16px}.auth-switch-container{height:720px;max-height:calc(100dvh - 32px);min-height:590px;max-width:520px}.auth-switch-form-position{width:100%;top:70%;left:50%;transition:1s ease-in-out .7s}.auth-switch-sign-in,.auth-switch-sign-up{padding:0 30px}.auth-switch-panels{grid-template-columns:1fr;grid-template-rows:35% 30% 35%}.auth-switch-left{grid-row:1}.auth-switch-right{grid-row:3}.auth-switch-panel{padding:18px 26px}.auth-switch-panel h2{font-size:20px;margin-bottom:8px}.auth-switch-panel p{font-size:11px;margin:8px 0}.auth-switch-panel img{width:120px;height:40px;margin-bottom:10px}.auth-switch-container:before{width:1500px;height:1500px;transform:translateX(-50%);left:30%;bottom:66%;right:auto;top:auto}.auth-switch-right>div{transform:translateY(400px)}.auth-switch-container.sign-up-mode:before{transform:translate(-50%,100%);bottom:34%;right:auto}.sign-up-mode .auth-switch-left>div{transform:translateY(-400px)}.sign-up-mode .auth-switch-right>div{transform:translateY(0)}.sign-up-mode .auth-switch-form-position{left:50%;top:30%}.auth-switch h1,.auth-switch-sign-up h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.auth-switch *,.auth-switch :before{transition:none!important;transform:none}.auth-switch-form-position{transform:translate(-50%,-50%)}.auth-switch-container:before{transition:none!important}}.auth-switch-field input:-webkit-autofill,.auth-switch-field input:-webkit-autofill:active,.auth-switch-field input:-webkit-autofill:focus,.auth-switch-field input:-webkit-autofill:hover{-webkit-text-fill-color:#333;caret-color:#333;-webkit-box-shadow:inset 0 0 0 1000px #f0f0f0!important;box-shadow:inset 0 0 0 1000px #f0f0f0!important}.auth-switch-field:focus-within input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #e8e8e8!important;box-shadow:inset 0 0 0 1000px #e8e8e8!important}.auth-switch-field input:autofill{background-color:#f0f0f0!important;color:#333}