/* Frooshat 1.2.9.10 — configurable professional split login. */
body.auth-login-v136{
  --login-brand:#6757d9;
  --login-brand-dark:#4f3dc5;
  --login-text:#24213f;
  --login-muted:#7d8293;
  min-height:100vh;
  min-height:100svh;
  width:100%;
  overflow-x:hidden;
  background:#f7f6fc;
}
.auth-login-v136 .auth-login-v136__stage{
  width:100%;
  min-width:0;
  min-height:calc(100vh - 48px);
  min-height:calc(100svh - 48px);
  padding:14px;
  display:grid;
  overflow:hidden;
}
.auth-login-v136 .auth-login-v136__shell{
  width:100%;
  min-width:0;
  min-height:calc(100vh - 76px);
  min-height:calc(100svh - 76px);
  display:grid;
  grid-template-columns:minmax(450px,44%) minmax(0,56%);
  grid-template-areas:"panel visual";
  direction:ltr;
  overflow:hidden;
  border:1px solid rgba(103,87,217,.09);
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 80px rgba(56,45,113,.12);
}
.auth-login-v136 .auth-login-v136__shell.is-form-only{
  width:min(100%,720px);
  margin-inline:auto;
  grid-template-columns:1fr;
  grid-template-areas:"panel";
}
.auth-login-v136 .auth-login-v136__panel{
  grid-area:panel;
  min-width:0;
  position:relative;
  isolation:isolate;
  direction:rtl;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at -8% -5%,rgba(103,87,217,.12) 0 14%,transparent 14.4%),
    radial-gradient(circle at -7% -4%,transparent 0 20%,rgba(103,87,217,.055) 20.4% 27%,transparent 27.4%),
    linear-gradient(165deg,#fff 0%,#fff 64%,#fbfaff 100%);
}
.auth-login-v136 .auth-login-v136__panel:before{
  content:"";
  position:absolute;
  inset-inline-start:18px;
  inset-block-end:18px;
  width:126px;
  height:78px;
  opacity:.34;
  background-image:radial-gradient(circle,rgba(103,87,217,.7) 1.15px,transparent 1.5px);
  background-size:17px 17px;
  pointer-events:none;
  z-index:-1;
}
.auth-login-v136 .auth-login-v136__panel-inner{
  width:min(100%,650px);
  margin-inline:auto;
  padding:clamp(28px,4vh,54px) clamp(34px,4.5vw,72px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-login-v136 .auth-login-v136__brand{
  min-height:50px;
  margin:0 auto clamp(20px,3vh,32px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--login-brand);
}
.auth-login-v136 .auth-login-v136__brand>img{
  display:block;
  width:auto;
  max-width:180px;
  max-height:58px;
  object-fit:contain;
}
.auth-login-v136 .auth-login-v136__brand-mark{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1.5px solid currentColor;
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 24px rgba(103,87,217,.12);
}
.auth-login-v136 .auth-login-v136__brand-mark .ui-icon{width:22px;height:22px}
.auth-login-v136 .auth-login-v136__brand-word{font-size:1.32rem;font-weight:950;letter-spacing:-.035em}
.auth-login-v136 .auth-login-v136__card{width:100%;max-width:560px;margin-inline:auto;padding:0;border:0;background:transparent;box-shadow:none}
.auth-login-v136 .auth-login-v136__heading{margin:0 0 clamp(22px,3vh,32px);text-align:center}
.auth-login-v136 .auth-login-v136__heading h1{margin:0;display:grid;justify-items:center;gap:1px;color:var(--login-text);font-size:clamp(1.65rem,2.25vw,2.55rem);font-weight:950;line-height:1.35;letter-spacing:-.045em}
.auth-login-v136 .auth-login-v136__title-line{display:block}
.auth-login-v136 .auth-login-v136__title-line--accent{color:var(--login-brand)}
.auth-login-v136 .auth-login-v136__heading p{margin:9px auto 0;max-width:420px;color:var(--login-muted);font-size:.8rem;line-height:1.8}
.auth-login-v136 .auth-login-v136__form{gap:17px}
.auth-login-v136 .auth-login-v136__form .auth-v100__field{gap:8px}
.auth-login-v136 .auth-login-v136__form .auth-v100__field>span{color:#36384d;font-size:.76rem;font-weight:820}
.auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap{
  height:58px;
  padding-inline:16px;
  border:1px solid #e3e4ec;
  border-radius:15px;
  background:#fcfcff;
  box-shadow:inset 0 1px 2px rgba(24,24,56,.02);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap:focus-within{border-color:var(--login-brand);background:#fff;box-shadow:0 0 0 4px rgba(103,87,217,.09),0 12px 28px rgba(103,87,217,.06)}
.auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap>.ui-icon{width:20px;height:20px;color:#9095a8}
.auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap input{font-size:.85rem}
.auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap input::placeholder{color:#b2b6c4;font-size:.75rem;opacity:1}
.auth-login-v136 .auth-login-v136__form .auth-v100__links{justify-content:flex-start;margin-top:-3px}
.auth-login-v136 .auth-login-v136__form .auth-v100__links a{font-size:.74rem}
.auth-login-v136 .auth-login-v136__form .auth-v100__submit{height:58px;border-radius:15px;font-size:.92rem;box-shadow:0 16px 32px rgba(103,87,217,.24)}

.auth-login-v136 .auth-login-v136__visual{
  grid-area:visual;
  min-width:0;
  min-height:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#ece9fb;
}
.auth-login-v136 .auth-login-v136__scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--login-banner-position,center center);
  filter:saturate(.98) contrast(1.01);
}
.auth-login-v136 .auth-login-v136__shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.08) 7%,transparent 18%),
    linear-gradient(180deg,transparent 42%,rgba(30,24,73,.17) 100%);
}
.auth-login-v136 .auth-login-v136__features{
  position:absolute;
  z-index:2;
  inset-inline:clamp(20px,3vw,48px);
  inset-block-end:clamp(20px,3.2vh,38px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  direction:rtl;
}
.auth-login-v136 .auth-login-v136__feature{
  min-width:0;
  min-height:86px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:16px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 34px rgba(35,28,88,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.auth-login-v136 .auth-login-v136__feature>span{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--login-brand);
  background:#f0edff;
}
.auth-login-v136 .auth-login-v136__feature>span .ui-icon{width:19px;height:19px}
.auth-login-v136 .auth-login-v136__feature>div{min-width:0;display:grid;gap:3px}
.auth-login-v136 .auth-login-v136__feature b{color:#2d2855;font-size:.74rem;line-height:1.45;overflow-wrap:anywhere}
.auth-login-v136 .auth-login-v136__feature small{color:#757b8d;font-size:.59rem;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
.auth-login-v136 .auth-login-v136__footer{min-height:48px;margin:0;padding:0 18px;border-top:1px solid rgba(103,87,217,.07);background:#fff}
.auth-login-v136 .auth-login-v136__footer-inner{width:100%;max-width:none;min-height:48px}

@media(min-width:1680px){
  .auth-login-v136 .auth-login-v136__shell{grid-template-columns:minmax(590px,43%) minmax(0,57%)}
  .auth-login-v136 .auth-login-v136__panel-inner{width:min(100%,720px)}
  .auth-login-v136 .auth-login-v136__features{inset-inline:54px}
}
@media(max-width:1250px){
  .auth-login-v136 .auth-login-v136__shell{grid-template-columns:minmax(420px,47%) minmax(0,53%)}
  .auth-login-v136 .auth-login-v136__panel-inner{padding-inline:34px}
  .auth-login-v136 .auth-login-v136__features{inset-inline:20px;gap:8px}
  .auth-login-v136 .auth-login-v136__feature{padding:10px;gap:8px}
  .auth-login-v136 .auth-login-v136__feature>span{width:34px;height:34px;flex-basis:34px}
  .auth-login-v136 .auth-login-v136__feature b{font-size:.68rem}
  .auth-login-v136 .auth-login-v136__feature small{font-size:.54rem}
}
@media(max-width:980px) and (min-width:761px){
  .auth-login-v136 .auth-login-v136__stage{padding:10px}
  .auth-login-v136 .auth-login-v136__shell{grid-template-columns:minmax(380px,50%) minmax(0,50%);border-radius:22px}
  .auth-login-v136 .auth-login-v136__panel-inner{padding-inline:27px}
  .auth-login-v136 .auth-login-v136__features{grid-template-columns:1fr;inset-inline:18px;inset-block-end:18px}
  .auth-login-v136 .auth-login-v136__feature{min-height:58px}
  .auth-login-v136 .auth-login-v136__feature small{display:none}
}
@media(max-width:760px){
  body.auth-login-v136{background:linear-gradient(145deg,#f8f7ff,#f0eef9)}
  .auth-login-v136 .auth-login-v136__stage{min-height:calc(100svh - 48px);padding:16px;place-items:center;overflow:auto}
  .auth-login-v136 .auth-login-v136__shell,.auth-login-v136 .auth-login-v136__shell.is-form-only{width:min(100%,520px);min-height:0;display:block;border-radius:24px}
  .auth-login-v136 .auth-login-v136__panel{display:block}
  .auth-login-v136 .auth-login-v136__panel:before{display:none}
  .auth-login-v136 .auth-login-v136__panel-inner{width:100%;padding:30px 22px 27px}
  .auth-login-v136 .auth-login-v136__brand{margin-bottom:22px}
  .auth-login-v136 .auth-login-v136__heading{margin-bottom:25px}
  .auth-login-v136 .auth-login-v136__heading h1{font-size:clamp(1.5rem,7vw,1.92rem)}
  .auth-login-v136 .auth-login-v136__visual{display:none}
}
@media(max-width:430px){
  .auth-login-v136 .auth-login-v136__stage{padding:10px}
  .auth-login-v136 .auth-login-v136__shell{border-radius:20px}
  .auth-login-v136 .auth-login-v136__panel-inner{padding:25px 17px 22px}
  .auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap{height:54px}
  .auth-login-v136 .auth-login-v136__form .auth-v100__submit{height:55px}
  .auth-login-v136 .auth-login-v136__footer{padding-inline:10px}
}
@media(max-height:760px) and (min-width:761px){
  .auth-login-v136 .auth-login-v136__panel-inner{padding-block:22px}
  .auth-login-v136 .auth-login-v136__brand{margin-bottom:14px}
  .auth-login-v136 .auth-login-v136__heading{margin-bottom:18px}
  .auth-login-v136 .auth-login-v136__form{gap:13px}
  .auth-login-v136 .auth-login-v136__form .auth-v100__input-wrap,.auth-login-v136 .auth-login-v136__form .auth-v100__submit{height:52px}
  .auth-login-v136 .auth-login-v136__features{inset-block-end:16px}
  .auth-login-v136 .auth-login-v136__feature{min-height:64px}
}