.auth-page{--blue:#1c39bb;--pink:#fe28a2;--pink2:#f77fbe;--sky:#0067a5;--purple:#32127a;--green:#00a693;--red:#c33;--ink:#20264a;--cream:#fffaf6;min-height:100vh;font-family:var(--font-pinar), system-ui, sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 20%, #fe28a21a, transparent 28%), radial-gradient(circle at 90% 80%, #00a6931c, transparent 30%), var(--cream);direction:rtl;flex:1;place-items:center;padding:25px 20px;display:grid}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-page a{color:inherit;text-decoration:none}.auth-page .auth-shell{direction:ltr;background:#fff;border-radius:34px;grid-template-columns:46% 54%;width:min(1040px,100%);min-height:650px;display:grid;overflow:hidden;box-shadow:0 25px 70px #232e6e24}.auth-page .auth-art,.auth-page .auth-form{direction:rtl}.auth-page .auth-art{background:linear-gradient(145deg, var(--blue), var(--purple));justify-content:center;align-items:flex-end;padding:25px;display:flex;position:relative;overflow:hidden}.auth-page .auth-art:before{content:"";background:#f77fbe33;border-radius:50%;width:330px;height:330px;position:absolute;top:-110px;left:-100px}.auth-page .auth-art:after{content:"";background:#00a69338;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-80px;right:-60px}.auth-page .auth-art img{object-fit:contain;z-index:1;width:auto;max-width:100%;height:92%;position:relative}.auth-page .auth-form{flex-direction:column;justify-content:center;padding:52px 58px;display:flex}.auth-page .back{color:var(--sky);margin-bottom:21px;font-size:14px;display:inline-block}.auth-page .role-pill{background:#f0f2ff;border-radius:999px;align-self:flex-start;gap:5px;margin-bottom:18px;padding:5px;display:inline-flex}.auth-page .role-pill a{border-radius:999px;padding:8px 16px;font-size:13px}.auth-page .role-pill .active{background:var(--blue);color:#fff}.auth-page .auth-form h1{color:var(--purple);margin:0 0 22px;font-size:31px;font-weight:800;line-height:1.65}.auth-page .form-grid{gap:15px;display:grid}.auth-page .field{gap:6px;display:grid}.auth-page .field label{color:#404967;font-size:14px;font-weight:700}.auth-page .field input{height:52px;font:inherit;color:inherit;direction:rtl;background:#fcfcff;border:1.5px solid #dfe2ef;border-radius:15px;outline:none;width:100%;padding:0 16px}.auth-page .field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1c39bb14}.auth-page .auth-error{color:var(--red);margin:0;font-size:14px}.auth-page .btn{cursor:pointer;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:11px 19px;font-family:inherit;font-weight:700;transition:all .18s;display:inline-flex}.auth-page .btn:hover{transform:translateY(-2px)}.auth-page .btn:disabled{cursor:progress;opacity:.75;transform:none}.auth-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1c39bb2e}.auth-page .btn-pink{background:var(--pink);color:#fff;box-shadow:0 8px 18px #fe28a22e}.auth-page .auth-submit{height:54px;margin-top:6px}@media (max-width:900px){.auth-page .auth-shell{direction:rtl;grid-template-columns:1fr}.auth-page .auth-art{order:2;min-height:330px}.auth-page .auth-form{order:1}.auth-page .auth-art img{height:310px}}@media (max-width:560px){.auth-page .auth-shell{border-radius:25px}.auth-page .auth-art{min-height:260px}.auth-page .auth-art img{height:250px}.auth-page .auth-form{padding:34px 23px}.auth-page .auth-form h1{font-size:25px}}