.auth-switch{width:100%;height:100%;min-height:100svh}.auth-switch .gc-auth{background:var(--background-secondary);border:none;border-radius:0;width:100%;height:100%;min-height:100svh;position:relative;overflow:hidden}.auth-switch .forms-container{width:100%;height:100%;position:absolute;inset:0}.auth-switch .signin-signup{z-index:5;grid-template-columns:1fr;width:50%;transition:all 1s ease-in-out .7s;display:grid;position:absolute;top:50%;left:75%;transform:translate(-50%,-50%)}.auth-switch form{flex-direction:column;grid-area:1/1/2/2;justify-content:center;align-items:center;width:100%;padding:0 2.5rem;transition:all .2s .7s;display:flex;overflow:hidden}.auth-switch form.sign-up-form{opacity:0;z-index:1;pointer-events:none}.auth-switch form.sign-in-form{z-index:2}.auth-switch .title{color:var(--foreground);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:600}.auth-switch .input-field{background:var(--card);border:1px solid var(--border);border-radius:.75rem;grid-template-columns:2.75rem 1fr;align-items:center;width:100%;max-width:380px;height:48px;margin:.5rem 0;transition:border-color .2s,box-shadow .2s;display:grid;position:relative}.auth-switch .input-field:focus-within{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));box-shadow:0 0 0 3px var(--primary-muted)}.auth-switch .input-field .field-icon{color:var(--muted);justify-content:center;align-items:center;display:flex}.auth-switch .input-field input{color:var(--foreground);background:0 0;border:none;outline:none;width:100%;height:100%;padding-right:.875rem;font-size:.9375rem;font-weight:500}.auth-switch .input-field input::placeholder{color:var(--muted-dark);font-weight:400}.auth-switch .btn-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;outline:none;width:100%;max-width:380px;height:48px;margin:.75rem 0 .25rem;font-size:.9375rem;font-weight:600;transition:background .2s,transform .15s}.auth-switch .btn-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-switch .btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch .form-error{border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);background:var(--primary-muted);width:100%;max-width:380px;color:var(--foreground);border-radius:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem}.auth-switch .hint{width:100%;max-width:380px;color:var(--muted-dark);text-align:center;margin-top:.75rem;font-size:.75rem;line-height:1.45}.auth-switch .panels-container{grid-template-columns:repeat(2,1fr);width:100%;height:100%;display:grid;position:absolute;inset:0}.auth-switch .panel{text-align:center;z-index:6;flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.auth-switch .left-panel{pointer-events:all;padding:2.5rem 12% 2rem 10%}.auth-switch .right-panel{pointer-events:none;padding:2.5rem 10% 2rem 12%}.auth-switch .panel .content{color:#fff;width:100%;transition:transform .9s ease-in-out .6s}.auth-switch .panel h3{margin-bottom:.5rem;font-size:1.35rem;font-weight:600;line-height:1.2}.auth-switch .panel p{color:#ffffffd1;padding:.5rem 0 1rem;font-size:.9rem;line-height:1.5}.auth-switch .btn-transparent{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffd9;border-radius:.75rem;width:140px;height:42px;margin:0 auto;font-size:.8125rem;font-weight:600;transition:background .2s,transform .15s}.auth-switch .btn-transparent:hover{background:#ffffff1a}.auth-switch .right-panel .content{transform:translate(800px)}.auth-switch .gc-auth:before{content:"";z-index:6;background:linear-gradient(-45deg,#e52525 0%,#7f1d1d 100%);border-radius:50%;width:2000px;height:2000px;transition:all 1.8s ease-in-out;position:absolute;top:-10%;right:48%;transform:translateY(-50%)}.auth-switch .gc-auth.sign-up-mode:before{right:52%;transform:translate(100%,-50%)}.auth-switch .gc-auth.sign-up-mode .left-panel .content{transform:translate(-800px)}.auth-switch .gc-auth.sign-up-mode .signin-signup{left:25%}.auth-switch .gc-auth.sign-up-mode form.sign-up-form{opacity:1;z-index:2;pointer-events:auto}.auth-switch .gc-auth.sign-up-mode form.sign-in-form{opacity:0;z-index:1;pointer-events:none}.auth-switch .gc-auth.sign-up-mode .right-panel .content{transform:translate(0%)}.auth-switch .gc-auth.sign-up-mode .left-panel{pointer-events:none}.auth-switch .gc-auth.sign-up-mode .right-panel{pointer-events:all}@media (max-width:870px){.auth-switch .signin-signup{width:100%;padding:1.5rem 0 3.5rem;transition:all 1s ease-in-out .8s;top:auto;bottom:0;left:50%;transform:translate(-50%)}.auth-switch .gc-auth.sign-up-mode .signin-signup{top:5%;bottom:auto;left:50%;transform:translate(-50%)}.auth-switch .panels-container{grid-template-rows:1fr 2fr 1fr;grid-template-columns:1fr}.auth-switch .panel{flex-direction:row;grid-column:1/2;justify-content:space-around;align-items:center;padding:1.75rem 8%}.auth-switch .right-panel{grid-row:3/4}.auth-switch .left-panel{grid-row:1/2}.auth-switch .panel .content{padding-right:0;transition:transform .9s ease-in-out .8s}.auth-switch .panel h3{font-size:1.15rem}.auth-switch .panel p{padding:.4rem 0 .75rem;font-size:.8rem}.auth-switch .btn-transparent{width:120px;height:36px;font-size:.75rem}.auth-switch .gc-auth:before{width:1500px;height:1500px;bottom:68%;left:30%;right:initial;top:initial;transition:all 2s ease-in-out;transform:translate(-50%)}.auth-switch .gc-auth.sign-up-mode:before{bottom:32%;right:initial;transform:translate(-50%,100%)}.auth-switch .gc-auth.sign-up-mode .left-panel .content{transform:translateY(-300px)}.auth-switch .gc-auth.sign-up-mode .right-panel .content{transform:translateY(0)}.auth-switch .right-panel .content{transform:translateY(300px)}.auth-switch form{padding:0 1.25rem}}