:root{
  font-family:Tahoma,Arial,sans-serif;
  color:#172033;
  background:#f5f6fb;
  direction:rtl;
  color-scheme:light;
}
*{box-sizing:border-box}
html.mentora-login-document{
  width:100%;
  height:100%;
  min-height:100%;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f5f6fb;
  overscroll-behavior:none;
}
html.mentora-login-document body.mentora-login-page{
  position:fixed;
  inset:0;
  width:100%;
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none;
  background:
    radial-gradient(circle at 86% 13%,rgba(124,58,237,.14),transparent 32%),
    linear-gradient(135deg,#f8f6ff 0%,#eef2ff 52%,#f8fafc 100%);
  color:#172033;
}
.mentora-login-page a,.mentora-login-page button,.mentora-login-page input{font-family:inherit}
.mentora-login-shell{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(420px,38vw) minmax(0,1fr);
  align-items:stretch;
  direction:rtl;
  overflow:hidden;
}
.mentora-login-card{
  min-width:0;
  min-height:0;
  height:100%;
  padding:clamp(24px,4.2vh,44px) clamp(28px,4.3vw,68px);
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-left:1px solid rgba(124,58,237,.12);
  box-shadow:-20px 0 60px rgba(37,44,80,.07);
  overflow:hidden;
}
.mentora-login-card-inner{
  width:min(100%,430px);
  max-height:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.mentora-login-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 clamp(20px,3.4vh,32px);
}
.mentora-login-brand img{
  flex:0 0 auto;
  width:50px;
  height:50px;
  object-fit:contain;
  border-radius:15px;
  box-shadow:0 8px 22px rgba(76,29,149,.13);
}
.mentora-login-brand div{display:grid;gap:3px;min-width:0}
.mentora-login-brand strong{font-size:20px;line-height:1.25;color:#181d2a}
.mentora-login-brand span{font-size:11px;line-height:1.6;color:#798195}
.mentora-login-copy small{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(124,58,237,.08);
  border-radius:999px;
  background:#f1ebff;
  color:#6d28d9;
  font-size:11px;
  font-weight:800;
}
.mentora-login-copy h1{
  font-size:clamp(27px,2.6vw,37px);
  line-height:1.35;
  letter-spacing:-.025em;
  margin:clamp(12px,2vh,17px) 0 8px;
  color:#414147;
}
.mentora-login-copy p{
  max-width:420px;
  margin:0 0 clamp(17px,2.7vh,24px);
  color:#697386;
  font-size:13px;
  line-height:1.9;
}
.mentora-login-alert{
  padding:11px 13px;
  border:1px solid #fecaca;
  border-radius:12px;
  margin:0 0 13px;
  background:#fff1f2;
  color:#b42318;
  font-size:12px;
  line-height:1.75;
}
.mentora-login-alert a{color:inherit;font-weight:800}
.mentora-login-form{display:grid;gap:13px;min-height:0}
.mentora-login-form>label{display:grid;gap:7px;margin:0}
.mentora-login-form label span{font-size:11px;font-weight:700;color:#4b5565}
.mentora-login-form input[type=text],
.mentora-login-form input[type=password]{
  display:block;
  width:100%;
  height:48px;
  min-height:48px;
  margin:0;
  border:1px solid #dfe3ec;
  border-radius:13px;
  background:#fff;
  padding:0 14px;
  color:#172033;
  font:inherit;
  font-size:15px;
  outline:none;
  box-shadow:0 4px 12px rgba(26,32,56,.025);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.mentora-login-form input[type=text]:hover,
.mentora-login-form input[type=password]:hover{border-color:#cfd4e1}
.mentora-login-form input:focus{
  border-color:#8b5cf6;
  background:#fff;
  box-shadow:0 0 0 4px rgba(124,58,237,.1);
}
.mentora-login-row{
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mentora-login-row a{
  color:#6d28d9;
  font-size:11px;
  font-weight:800;
  line-height:1.6;
  text-decoration:none;
  white-space:nowrap;
}
.mentora-login-row a:hover{text-decoration:underline}
.mentora-login-check{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:7px!important;
  min-width:0;
  cursor:pointer;
}
.mentora-login-check input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#7c3aed;
  flex:0 0 auto;
}
.mentora-login-check span{white-space:nowrap}
.mentora-login-form button{
  width:100%;
  height:50px;
  min-height:50px;
  margin:0;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#7c3aed,#5b21b6);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 28px rgba(91,33,182,.2);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.mentora-login-form button:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(91,33,182,.27);filter:saturate(1.06)}
.mentora-login-form button:active{transform:translateY(0)}
.mentora-login-card footer{
  margin:clamp(16px,2.5vh,24px) 0 0;
  color:#8a91a1;
  font-size:10px;
  line-height:1.65;
  text-align:center;
}
.mentora-login-visual{
  min-width:0;
  min-height:0;
  height:100%;
  padding:clamp(36px,6vw,92px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.mentora-login-visual:before,.mentora-login-visual:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.mentora-login-visual:before{
  width:min(30vw,380px);
  aspect-ratio:1;
  left:-120px;
  top:-105px;
  background:rgba(124,58,237,.09);
  filter:blur(2px);
}
.mentora-login-visual:after{
  width:min(19vw,240px);
  aspect-ratio:1;
  right:10%;
  bottom:-100px;
  background:rgba(37,99,235,.07);
  filter:blur(2px);
}
.mentora-login-badge{
  position:relative;
  z-index:1;
  align-self:flex-start;
  padding:8px 13px;
  border-radius:999px;
  background:#172033;
  color:#fff;
  font-size:10px;
  font-weight:900;
  box-shadow:0 9px 24px rgba(23,32,51,.12);
}
.mentora-login-visual h2{
  position:relative;
  z-index:1;
  max-width:740px;
  margin:clamp(17px,2.8vh,25px) 0 clamp(26px,4vh,38px);
  color:#414147;
  font-size:clamp(38px,4.4vw,62px);
  line-height:1.32;
  letter-spacing:-.035em;
}
.mentora-login-features{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.mentora-login-features article{
  min-width:0;
  min-height:98px;
  padding:17px 18px;
  display:grid;
  align-content:center;
  gap:7px;
  border:1px solid rgba(124,58,237,.13);
  border-radius:17px;
  background:rgba(255,255,255,.68);
  box-shadow:0 12px 35px rgba(36,44,75,.045);
  backdrop-filter:blur(10px);
}
.mentora-login-features strong{font-size:13px;line-height:1.6;color:#252b39}
.mentora-login-features span{font-size:11px;line-height:1.75;color:#687286}

@media (max-width:1100px){
  .mentora-login-shell{grid-template-columns:minmax(400px,44vw) minmax(0,1fr)}
  .mentora-login-features{grid-template-columns:1fr;max-width:580px}
  .mentora-login-features article{min-height:72px;padding:13px 16px}
  .mentora-login-visual h2{font-size:clamp(36px,4.7vw,52px);margin-bottom:24px}
}
@media (max-width:900px){
  html.mentora-login-document body.mentora-login-page{
    background:
      radial-gradient(circle at 100% 0,rgba(124,58,237,.13),transparent 34%),
      radial-gradient(circle at 0 100%,rgba(37,99,235,.07),transparent 35%),
      #f7f7fc;
  }
  .mentora-login-shell{grid-template-columns:minmax(0,1fr)}
  .mentora-login-visual{display:none}
  .mentora-login-card{
    width:100%;
    height:100%;
    padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    border:0;
    box-shadow:none;
    background:rgba(255,255,255,.92);
  }
  .mentora-login-card-inner{
    width:min(100%,460px);
    padding:clamp(8px,2.2vh,18px) clamp(2px,2vw,10px);
  }
  .mentora-login-brand{margin-bottom:clamp(20px,4vh,32px)}
  .mentora-login-copy h1{font-size:clamp(26px,7vw,32px)}
  .mentora-login-copy p{font-size:12px;line-height:1.85;margin-bottom:20px}
}
@media (max-width:480px){
  .mentora-login-card{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}
  .mentora-login-card-inner{width:100%;padding-inline:0}
  .mentora-login-brand{gap:10px;margin-bottom:24px}
  .mentora-login-brand img{width:45px;height:45px;border-radius:13px}
  .mentora-login-brand strong{font-size:18px}
  .mentora-login-brand span{font-size:10px}
  .mentora-login-copy small{min-height:28px;padding:5px 9px;font-size:10px}
  .mentora-login-copy h1{font-size:26px;line-height:1.42;margin-top:12px}
  .mentora-login-copy p{font-size:11px;line-height:1.9;margin-bottom:18px}
  .mentora-login-form{gap:12px}
  .mentora-login-form input[type=text],.mentora-login-form input[type=password]{height:47px;min-height:47px;border-radius:12px}
  .mentora-login-form button{height:49px;min-height:49px;border-radius:13px}
  .mentora-login-card footer{margin-top:19px;font-size:9px}
}
@media (max-width:350px){
  .mentora-login-row{align-items:flex-start;flex-direction:column;gap:7px}
}
@media (max-height:760px){
  .mentora-login-card{padding-top:18px;padding-bottom:18px}
  .mentora-login-brand{margin-bottom:18px}
  .mentora-login-brand img{width:44px;height:44px}
  .mentora-login-brand strong{font-size:18px}
  .mentora-login-copy h1{margin-top:10px;font-size:clamp(25px,2.5vw,32px)}
  .mentora-login-copy p{margin-bottom:14px;line-height:1.7}
  .mentora-login-form{gap:10px}
  .mentora-login-form input[type=text],.mentora-login-form input[type=password]{height:44px;min-height:44px}
  .mentora-login-form button{height:46px;min-height:46px}
  .mentora-login-card footer{margin-top:13px}
  .mentora-login-visual h2{margin-top:17px;margin-bottom:22px;font-size:clamp(34px,4vw,50px)}
  .mentora-login-features article{min-height:76px;padding:13px 15px}
}
@media (max-height:620px){
  .mentora-login-brand{margin-bottom:12px}
  .mentora-login-copy small{min-height:26px;padding-block:4px}
  .mentora-login-copy h1{font-size:24px;margin:8px 0 5px}
  .mentora-login-copy p{font-size:11px;line-height:1.55;margin-bottom:10px}
  .mentora-login-form{gap:8px}
  .mentora-login-form>label{gap:5px}
  .mentora-login-form input[type=text],.mentora-login-form input[type=password]{height:40px;min-height:40px}
  .mentora-login-form button{height:42px;min-height:42px}
  .mentora-login-card footer{margin-top:9px}
}
@media (prefers-reduced-motion:reduce){
  .mentora-login-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}