.auth-switch{--auth-primary:#207eff;--auth-primary-dark:#1866d4;--auth-secondary:#1f4c96;--auth-field-max:380px;font-family:var(--font-heebo,"Heebo",system-ui,sans-serif);justify-content:stretch;align-items:stretch;width:100%;min-height:100dvh;padding:0;display:flex}.auth-switch .auth-container{width:100%;max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;direction:ltr;background:#fff;border-radius:0;position:relative;overflow:hidden}.auth-switch .forms-container{width:100%;height:100%;position:absolute;top:0;left:0}.auth-switch .signin-signup{z-index:5;scrollbar-width:thin;grid-template-columns:1fr;width:50%;max-height:calc(100% - 2rem);transition:all 1s ease-in-out .7s;display:grid;position:absolute;top:50%;left:75%;overflow:visible auto;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:visible}.auth-switch form.sign-up-form{opacity:0;z-index:1;pointer-events:none;visibility:hidden}.auth-switch form.sign-in-form{z-index:2;visibility:visible}.auth-switch .auth-container.sign-up-mode form.sign-up-form{visibility:visible}.auth-switch .auth-container.sign-up-mode form.sign-in-form{visibility:hidden}.auth-switch .auth-brand{z-index:1;justify-content:center;margin:1.35rem 0 .65rem;display:flex;position:relative}.auth-switch .auth-brand-logo{width:210px;max-width:85%;height:auto}.auth-switch .title{color:#444;text-align:center;margin:.15rem 0 14px;font-size:2rem;font-weight:700}.auth-switch form.sign-in-form,.auth-switch form.sign-up-form{padding-top:1rem}.auth-switch form.sign-up-form{gap:0;padding-bottom:.75rem}.auth-switch form.sign-up-form .auth-brand{margin:.55rem 0 .35rem}.auth-switch form.sign-up-form .title{margin:.1rem 0 10px}.auth-switch form.sign-up-form .btn.wide{z-index:2;margin-top:12px;margin-bottom:4px;position:relative}.auth-switch .input-field{max-width:var(--auth-field-max);background-color:#f0f0f0;border-radius:55px;grid-template-columns:15% 85%;align-items:center;width:100%;height:52px;margin:8px 0;padding:0 .4rem;transition:all .3s;display:grid;position:relative}.auth-switch .input-field:focus-within{box-shadow:0 0 0 2px var(--auth-primary);background-color:#e8e8e8}.auth-switch .input-field .field-icon{color:#666;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.auth-switch .input-field input{color:#333;text-align:right;direction:rtl;background:0 0;border:none;outline:none;width:100%;padding-inline-end:.75rem;font-size:1rem;font-weight:500;line-height:1}.auth-switch .input-field input::placeholder{color:#aaa;font-weight:400}.auth-switch .role-row{max-width:var(--auth-field-max);grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:6px 0 2px;display:grid}.auth-switch .role-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;height:40px;font-size:.85rem;transition:all .2s}.auth-switch .role-btn.active{border-color:var(--auth-primary);background:var(--auth-primary);color:#fff}.auth-switch .role-locked{max-width:var(--auth-field-max);background:var(--auth-primary);color:#fff;text-align:center;border-radius:999px;width:100%;margin:6px 0;padding:.65rem 1rem;font-size:.85rem}.auth-switch .auth-message{max-width:var(--auth-field-max);text-align:right;direction:rtl;border-radius:12px;width:100%;margin:6px 0;padding:.65rem .85rem;font-size:.8rem}.auth-switch .auth-message.error{color:#8a2d2d;background:#fff5f5;border:1px solid #f1c9c9}.auth-switch .auth-message.success{color:#1f6b31;background:#f3fff4;border:1px solid #cde7ce}.auth-switch .auth-message.info{color:#345781;background:#f7faff;border:1px solid #d8e4fa}.auth-switch .form-meta{max-width:var(--auth-field-max);direction:rtl;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.auth-switch .form-meta button,.auth-switch .form-meta label{color:#1f4c96;cursor:pointer;background:0 0;border:none;font-size:.75rem}.auth-switch .form-meta label{color:#555;align-items:center;gap:6px;display:inline-flex}.auth-switch .btn{background-color:var(--auth-primary);color:#fff;text-transform:none;cursor:pointer;border:none;border-radius:49px;outline:none;width:150px;height:49px;margin:10px 0;font-size:.95rem;font-weight:600;transition:all .5s}.auth-switch .btn:hover:not(:disabled){background-color:var(--auth-primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #207eff59}.auth-switch .btn:disabled{opacity:.55;cursor:not-allowed}.auth-switch .btn.wide{width:min(100%,280px)}.auth-switch .panels-container{z-index:8;pointer-events:none;grid-template-columns:repeat(2,1fr);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.auth-switch .panel{text-align:center;z-index:8;flex-direction:column;justify-content:space-around;align-items:flex-end;display:flex}.auth-switch .left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.auth-switch .right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.auth-switch .panel .content{color:#fff;direction:rtl;transition:transform .9s ease-in-out .6s}.auth-switch .panel h3{margin-bottom:14px;font-size:2.35rem;font-weight:700;line-height:1.25}.auth-switch .panel p{padding:.85rem 0 1.1rem;font-size:1.15rem;line-height:1.55}.auth-switch .btn.transparent{color:#fff;background:0 0;border:2px solid #fff;width:150px;height:48px;margin:0;font-size:1.05rem;font-weight:600}.auth-switch .btn.transparent:hover:not(:disabled){box-shadow:none;background:#ffffff1a;transform:translateY(-2px)}.auth-switch .right-panel .content{transform:translate(800px)}.auth-switch .auth-container.sign-up-mode:before{right:52%;transform:translate(100%,-50%)}.auth-switch .auth-container.sign-up-mode .left-panel .content{transform:translate(-800px)}.auth-switch .auth-container.sign-up-mode .signin-signup{left:25%}.auth-switch .auth-container.sign-up-mode form.sign-up-form{opacity:1;z-index:2;pointer-events:auto;visibility:visible}.auth-switch .auth-container.sign-up-mode form.sign-in-form{opacity:0;z-index:1;pointer-events:none;visibility:hidden}.auth-switch .auth-container.sign-up-mode .right-panel .content{transform:translate(0%)}.auth-switch .auth-container.sign-up-mode .left-panel{pointer-events:none}.auth-switch .auth-container.sign-up-mode .right-panel{pointer-events:all}.auth-switch .auth-container:before{content:"";background:linear-gradient(-45deg,var(--auth-primary)0%,var(--auth-secondary)100%);z-index:6;border-radius:50%;width:min(320vw,2800px);height:min(320vw,2800px);transition:all 1.8s ease-in-out;position:absolute;top:-10%;right:48%;transform:translateY(-50%)}.auth-switch .social-text{color:#666;text-align:center;z-index:1;direction:rtl;padding:.55rem 0 .35rem;font-size:.85rem;position:relative}.auth-switch .social-media{z-index:1;justify-content:center;gap:12px;margin-bottom:.25rem;display:flex;position:relative}.auth-switch .social-icon{width:46px;height:46px;color:var(--auth-primary);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.auth-switch .social-icon:hover:not(:disabled){border-color:var(--auth-secondary);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.auth-switch .social-icon:disabled{opacity:.55;cursor:not-allowed}.auth-switch .intent-banner{max-width:var(--auth-field-max);color:#345781;text-align:center;direction:rtl;background:#f7faff;border:1px solid #d8e4fa;border-radius:12px;width:100%;margin-bottom:6px;padding:.55rem .75rem;font-size:.78rem}.auth-switch .mobile-mode-switch{color:#555;text-align:center;direction:rtl;margin:.35rem 0 .15rem;font-size:.9rem;display:none}.auth-switch .mobile-mode-switch button{color:var(--auth-primary);font-weight:700;font-size:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:.25rem;text-decoration:underline}@media (max-width:870px){.auth-switch .auth-container{background:#fff;height:100dvh;min-height:100dvh;overflow:hidden}.auth-switch .auth-container:before{z-index:2;border-radius:50% 50% 0 0;width:170%;height:42%;max-height:280px;transition:transform .55s,bottom .55s;inset:auto auto -8% 50%;transform:translate(-50%)}.auth-switch .auth-container.sign-up-mode:before{bottom:-8%;right:auto;transform:translate(-50%)}.auth-switch .forms-container{z-index:4}.auth-switch .signin-signup,.auth-switch .auth-container.sign-up-mode .signin-signup{-webkit-overflow-scrolling:touch;z-index:4;background:#fff;width:100%;height:calc(100% - min(42%,260px));max-height:calc(100% - min(42%,260px));padding:1rem 0 1.25rem;transition:opacity .35s;top:0;left:50%;overflow:hidden auto;transform:translate(-50%)}.auth-switch form{padding:0 1.5rem;justify-content:flex-start;padding-top:.75rem;transition:opacity .3s,visibility .3s}.auth-switch .auth-brand{margin:.25rem 0 .35rem}.auth-switch .auth-brand-logo{width:160px}.auth-switch .title{color:#444;margin:0 0 12px;font-size:1.75rem}.auth-switch .input-field{height:50px;max-width:min(var(--auth-field-max),100%);background-color:#f0f0f0;margin:7px 0}.auth-switch .form-meta button,.auth-switch .form-meta label{color:#1f4c96}.auth-switch .form-meta label{color:#555}.auth-switch .social-text{color:#666;padding:.45rem 0 .25rem}.auth-switch .social-media{margin-bottom:.25rem}.auth-switch .btn{margin:10px 0 6px}.auth-switch form.sign-up-form .btn.wide{margin-top:10px;margin-bottom:4px}.auth-switch .panels-container{z-index:6;pointer-events:none;grid-template-rows:1fr 1fr auto;grid-template-columns:1fr}.auth-switch .panel{z-index:7;flex-direction:column;grid-area:3/1/4/2;justify-content:center;align-items:center;padding:1rem 8% 1.35rem}.auth-switch .left-panel{pointer-events:all}.auth-switch .right-panel,.auth-switch .auth-container.sign-up-mode .left-panel{pointer-events:none}.auth-switch .auth-container.sign-up-mode .right-panel{pointer-events:all}.auth-switch .panel .content{z-index:8;max-width:340px;padding-right:0;transition:opacity .35s,transform .35s;position:relative}.auth-switch .panel h3{margin-bottom:8px;font-size:1.55rem}.auth-switch .panel p{padding:.35rem 0 .75rem;font-size:.92rem;line-height:1.45}.auth-switch .btn.transparent{touch-action:manipulation;width:140px;height:44px;font-size:1rem}.auth-switch .left-panel .content{opacity:1;transform:translateY(0)}.auth-switch .right-panel .content,.auth-switch .auth-container.sign-up-mode .left-panel .content{opacity:0;pointer-events:none;transform:translateY(12px)}.auth-switch .auth-container.sign-up-mode .right-panel .content{opacity:1;pointer-events:auto;transform:translateY(0)}.auth-switch .mobile-mode-switch{display:none}}@media (max-width:570px){.auth-switch form{padding:0 1.15rem}.auth-switch .auth-brand-logo{width:140px}.auth-switch .title{font-size:1.55rem}.auth-switch .panel .content{padding:.25rem .5rem}.auth-switch .panel h3{font-size:1.35rem}.auth-switch .panel p{font-size:.86rem}.auth-switch .auth-container:before,.auth-switch .auth-container.sign-up-mode:before{height:38%;max-height:240px;bottom:-6%}.auth-switch .signin-signup,.auth-switch .auth-container.sign-up-mode .signin-signup{height:calc(100% - min(38%,230px));max-height:calc(100% - min(38%,230px))}.auth-switch .role-row{margin:6px 0}}