/* هوية صفحة الدخول لمنصة مدارن — تصميم أصلي متعدد المراحل */
:root{
  --madaren-deep:#063b54;
  --madaren-blue:#087f94;
  --madaren-cyan:#11b7bf;
  --madaren-mint:#66d3c5;
  --madaren-ink:#123044;
  --madaren-muted:#637b89;
  --madaren-pearl:#f4f8f8;
}
body.login-active{background:var(--madaren-pearl)!important}
body.login-active .login-screen{
  grid-template-columns:minmax(480px,1.06fr) minmax(430px,.94fr)!important;
  background:var(--madaren-pearl)!important;
  font-family:"IBM Plex Sans Arabic",sans-serif;
}
.login-visual{
  background:
    radial-gradient(circle at 14% 14%,rgba(102,211,197,.23),transparent 25%),
    radial-gradient(circle at 82% 82%,rgba(17,183,191,.18),transparent 30%),
    linear-gradient(145deg,#064961 0%,#087f94 54%,#0d99a7 100%)!important;
  min-height:100vh;
  isolation:isolate;
}
.login-visual>img{display:none!important}
.login-visual:after{
  background:linear-gradient(180deg,rgba(3,44,61,.04),rgba(3,44,61,.24))!important;
  z-index:-1;
}
.login-visual:before{
  content:"";position:absolute;inset:0;opacity:.16;z-index:-1;
  background-image:radial-gradient(rgba(255,255,255,.85) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(135deg,#000,transparent 68%);
}
.madaren-orbit{position:absolute;z-index:-1;right:-18%;bottom:-42%;width:min(82vw,980px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;opacity:.85;pointer-events:none}
.madaren-orbit:before,.madaren-orbit:after,.madaren-orbit i{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.madaren-orbit:before{inset:13%}.madaren-orbit:after{inset:26%}.madaren-orbit i:nth-child(1){inset:39%}.madaren-orbit i:nth-child(2){inset:52%}.madaren-orbit i:nth-child(3){inset:65%;background:radial-gradient(circle,rgba(102,211,197,.12),transparent 68%)}
.login-visual .visual-copy{right:9%!important;bottom:9%!important;max-width:620px!important;color:#fff!important}
.madaren-wordmark{display:flex;align-items:center;gap:12px;color:var(--madaren-deep)}
.madaren-wordmark .madaren-mark{width:50px;height:50px;display:block!important;position:relative;padding:0!important;border-radius:15px!important;background:linear-gradient(145deg,var(--madaren-blue),var(--madaren-cyan))!important;box-shadow:0 11px 28px rgba(8,127,148,.2);overflow:hidden}
.madaren-wordmark .madaren-mark:before,.madaren-wordmark .madaren-mark:after,.madaren-wordmark .madaren-mark>i{content:"";position:absolute;border:2px solid rgba(255,255,255,.92);border-radius:50%}
.madaren-wordmark .madaren-mark:before{width:30px;height:13px;left:8px;top:16px;transform:rotate(25deg)}
.madaren-wordmark .madaren-mark:after{width:13px;height:30px;left:17px;top:7px;transform:rotate(25deg)}
.madaren-wordmark .madaren-mark>i:nth-child(1){width:7px;height:7px;border:0;background:#fff;left:21px;top:21px;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.madaren-wordmark .madaren-mark>i:nth-child(2){width:5px;height:5px;border:0;background:#9ff1e6;right:6px;top:10px}
.madaren-wordmark .madaren-mark>i:nth-child(3){width:4px;height:4px;border:0;background:#fff;left:7px;bottom:10px}
.madaren-wordmark div{display:grid;line-height:1}.madaren-wordmark strong{font-size:25px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.madaren-wordmark strong i{font-style:normal;font-weight:400;opacity:.38}.madaren-wordmark strong b{font-size:17px;letter-spacing:1.2px;direction:ltr}.madaren-wordmark small{font-size:10px;margin-top:8px;font-weight:700;opacity:.72;text-align:right}
.madaren-wordmark-light{color:#fff}.madaren-wordmark-light .madaren-mark{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28);box-shadow:none}
.login-visual .visual-copy h1{font-size:clamp(38px,4vw,58px)!important;line-height:1.25!important;margin:25px 0 14px!important;color:#fff!important;letter-spacing:-1.7px}.login-visual .visual-copy h1 em{font-style:normal;color:#9ff1e6}
.login-visual .visual-copy p{font-size:17px!important;line-height:1.95!important;color:rgba(255,255,255,.83)!important;max-width:590px}
.madaren-stage-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.madaren-stage-list span{min-width:68px;box-sizing:border-box;text-align:center;padding:9px 16px!important;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.9)!important;color:#07566b!important;border-radius:999px!important;font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(0,42,58,.13);backdrop-filter:blur(7px)}
.madaren-domain{position:absolute;left:8%;bottom:5%;margin:0;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:1.8px;direction:ltr}
.login-panel{background:linear-gradient(145deg,#fbfdfc 0%,#eef5f5 100%)!important;padding:clamp(26px,4vw,64px)!important}
.login-card{width:min(100%,460px)!important;background:rgba(255,255,255,.88);border:1px solid rgba(8,127,148,.11);border-radius:28px;padding:clamp(25px,3vw,42px);box-shadow:0 26px 70px rgba(12,57,73,.09);backdrop-filter:blur(12px)}
.login-brand{margin-bottom:42px!important}.login-eyebrow{display:inline-flex;color:var(--madaren-blue);background:#e5f6f4;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700;margin-bottom:13px}
.login-title h2{color:var(--madaren-ink)!important;font-size:30px!important}.login-title p{color:var(--madaren-muted)!important;margin-bottom:27px!important}
.login-card label{color:#294858!important}.login-card input[type=email],.login-card input[type=text],.login-card input[type=password]{border-color:#d7e5e6!important;background:#fbfdfd!important;border-radius:13px!important}.login-card input:focus{border-color:var(--madaren-cyan)!important;box-shadow:0 0 0 4px rgba(17,183,191,.12)!important}
.login-submit{border:0!important;border-radius:14px!important;background:linear-gradient(100deg,var(--madaren-deep),var(--madaren-blue))!important;box-shadow:0 12px 25px rgba(6,59,84,.19)!important;display:flex;align-items:center;justify-content:center;gap:12px}.login-submit:hover{transform:translateY(-1px)}
.pwa-install-button{width:100%;margin-top:14px;border:1px solid #cfe5e3;background:#f4faf9;color:var(--madaren-deep);border-radius:13px;padding:10px 13px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;text-align:right;font:inherit;cursor:pointer}.pwa-install-button.hidden{display:none!important}.pwa-install-button>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#daf1ee;color:var(--madaren-blue);font-size:19px;font-weight:700}.pwa-install-button b{font-size:12px}.pwa-install-button small{font-size:9px;color:#71888f;margin-top:2px}
.text-button,.demo-login{color:var(--madaren-blue)!important}.demo-login{background:#eaf5f4!important}.parent-entry-box{border-color:#d6e9e8!important;background:#f7fbfa!important}.login-footer{color:#8ba0aa!important}
@media(max-width:960px){body.login-active .login-screen{grid-template-columns:1fr!important;overflow:auto!important}.login-visual{min-height:330px}.madaren-orbit{width:620px;right:-210px;bottom:-370px}.login-visual .visual-copy{right:7%!important;bottom:8%!important}.login-visual .visual-copy h1{font-size:34px!important}.login-visual .visual-copy p,.madaren-stage-list,.madaren-domain{display:none}.login-panel{padding:22px!important}.login-card{padding:25px;border-radius:22px}.login-brand{margin-bottom:28px!important}}
@media(max-width:560px){.login-visual{min-height:260px}.madaren-orbit{opacity:.5;width:210px}.login-visual .visual-copy h1{font-size:29px!important;margin-top:16px!important}.madaren-wordmark-light .madaren-mark{width:42px;height:42px}.login-card{box-shadow:none;border-radius:18px}}