/* MR Rokesh LMS - split-screen login (scoped to body.mr-split, set by brand.js) */
body.mr-split{background:#fff!important;font-family:"Lato","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
body.mr-split #wrapper,body.mr-split #main,body.mr-split #not_right_side,
body.mr-split #content-wrapper,body.mr-split #content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:transparent!important}
body.mr-split .ic-Login-footer,body.mr-split .ic-Login-header__links{display:none!important}

body.mr-split .ic-Login{display:grid!important;grid-template-columns:minmax(380px,500px) 1fr;min-height:100vh;width:100%;margin:0;padding:0;background:#fff}
body.mr-split .ic-Login__container{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;padding:48px 56px;margin:0!important;max-width:none!important;width:auto!important;background:#fff!important;box-shadow:none!important;border:0!important}
body.mr-split .ic-Login__content,body.mr-split .ic-Login__innerContent{width:100%;max-width:380px;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

/* logo + welcome copy */
body.mr-split .ic-Login-header{margin:0 0 8px!important;padding:0!important;border:0!important;text-align:left}
body.mr-split .ic-Login-header__logo{margin:0 0 20px!important;text-align:left!important}
body.mr-split .ic-Login-header__logo img{max-height:130px;width:auto;max-width:100%;display:block}
body.mr-split .mr-welcome h2{margin:0 0 6px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#1a1a1a}
body.mr-split .mr-welcome p{margin:0 0 26px;font-size:15px;color:#6b7280}

/* fields */
body.mr-split .ic-Form-control--login{margin-bottom:18px!important}
body.mr-split .ic-Label{display:block;margin:0 0 6px!important;font-size:13px!important;font-weight:700!important;color:#374151!important}
body.mr-split .ic-Input.text{height:48px!important;padding:0 14px!important;font-size:15px!important;border:1.5px solid #d9dce1!important;border-radius:10px!important;background:#fafafa!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s}
body.mr-split .ic-Input.text:hover{border-color:#b9bec7!important}
body.mr-split .ic-Input.text:focus{border-color:#861f41!important;background:#fff!important;box-shadow:0 0 0 4px rgba(134,31,65,.14)!important;outline:none!important}

/* remember / forgot row, then full-width button */
body.mr-split .ic-Login__actions{display:block!important;margin:0!important;padding:0!important}
body.mr-split .ic-Login__actions-timeout{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;margin:2px 0 20px!important;font-size:13px}
body.mr-split .ic-Login__actions-timeout label{margin:0!important;padding:0!important;text-align:left!important;color:#4b5563}
body.mr-split .ic-Login__forgot{margin:0 0 0 auto!important;float:none!important}
body.mr-split .ic-Login__link,body.mr-split .ic-Login__forgot a{color:#861f41!important;font-weight:700;text-decoration:none}
body.mr-split .ic-Login__link:hover{text-decoration:underline}
body.mr-split .Button--login{width:100%!important;height:50px;border:0!important;border-radius:10px!important;color:#fff!important;font-size:16px;font-weight:700;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#a3244d 0%,#861f41 45%,#5e152d 100%)!important;box-shadow:0 8px 20px rgba(134,31,65,.32);transition:transform .12s,box-shadow .12s,filter .12s}
body.mr-split .Button--login:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(134,31,65,.4);filter:brightness(1.05)}
body.mr-split .Button--login:active{transform:translateY(0)}
body.mr-split .mr-foot{margin-top:34px;font-size:12px;color:#9ca3af}

/* hero panel */
.mr-hero{grid-column:2;grid-row:1;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 64px;
  background:radial-gradient(900px 520px at 85% 8%,rgba(255,106,0,.30),transparent 60%),radial-gradient(800px 520px at 5% 105%,rgba(163,36,77,.85),transparent 60%),linear-gradient(145deg,#16040c 0%,#3a0d1f 48%,#5e152d 100%)}
.mr-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 75%)}
.mr-hero>*{position:relative}
.mr-pill{align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a;background:rgba(255,106,0,.14);border:1px solid rgba(255,106,0,.35)}
.mr-hero h1{margin:18px 0 12px;font-size:clamp(34px,4.2vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:#fff}
.mr-hero h1 span{background:linear-gradient(90deg,#ff8a3d,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}
.mr-hero p.mr-sub{max-width:520px;margin:0 0 8px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.76)}
.mr-art{width:100%;max-width:640px;margin:18px 0 6px}
.mr-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.mr-chips span{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}
@keyframes mrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.mr-f1{animation:mrFloat 6s ease-in-out infinite}.mr-f2{animation:mrFloat 7s ease-in-out -2s infinite}.mr-f3{animation:mrFloat 8s ease-in-out -4s infinite}
@media(prefers-reduced-motion:reduce){.mr-f1,.mr-f2,.mr-f3{animation:none}}

@media(max-width:960px){
  body.mr-split .ic-Login{grid-template-columns:1fr}
  .mr-hero{display:none}
  body.mr-split .ic-Login__container{padding:36px 24px}
}