/* LUMORA corporate skin for Login and Create Academy. Presentation only: loaded after lumora-auth.css and presentation.css,
   it forces the light corporate palette in both stored themes and replaces the old photograph panel with a product composition. */

body.lm-auth{--a-bg:#f7faff;--a-card:#fff;--a-text:#10284f;--a-muted:#5a6c88;--a-line:#e1eaf6;--a-input:#fff;--a-input-line:#d3e0f1;--a-accent:#2563eb;--a-error:#c0362c;--a-note-bg:#eef4ff;--a-note:#27518f;--ca-blue:#2563eb;--ca-cyan:#22c5df;--ca-teal:#0c948e;--ca-deep:#10284f;--ca-grad:linear-gradient(105deg,#2466ee 8%,#1598d7 58%,#08a69a 95%);color-scheme:light;background:radial-gradient(900px 520px at 100% 0,#e3f1ff 0,transparent 60%),radial-gradient(700px 480px at 0 100%,#e3f8f2 0,transparent 60%),#f7faff;font-family:'DM Sans',var(--lm-sans),system-ui,sans-serif}
html[lang=ar] body.lm-auth{font-family:'Noto Sans Arabic','IBM Plex Sans Arabic',system-ui,sans-serif}
html[data-theme] body.lm-auth{background:radial-gradient(900px 520px at 100% 0,#e3f1ff 0,transparent 60%),radial-gradient(700px 480px at 0 100%,#e3f8f2 0,transparent 60%),#f7faff;color:var(--a-text)}
body.lm-auth :focus-visible{outline:2px solid #067f97;outline-offset:3px}

/* ---------- Product panel ---------- */
.lm-auth__shell{grid-template-columns:minmax(0,52%) minmax(0,1fr)}
.lm-auth__visual{--lx:0px;--ly:0px;color:#fff;padding:clamp(28px,3.6vw,52px);gap:24px;justify-content:flex-start;background:linear-gradient(150deg,#1b3f9c 0%,#1f6fdc 42%,#12a3d6 78%,#0c948e 100%)}
.la-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.la-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 85% 8%,rgba(255,255,255,.2),transparent 62%),radial-gradient(60% 50% at 0 100%,rgba(6,40,92,.5),transparent 70%)}
.la-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(75% 70% at 55% 55%,#000 0,transparent 78%);mask-image:radial-gradient(75% 70% at 55% 55%,#000 0,transparent 78%)}
.la-orb{position:absolute;border-radius:50%;filter:blur(2px)}
.la-orb-1{width:420px;height:420px;inset-inline-end:-140px;inset-block-start:-120px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 90px rgba(255,255,255,.08)}
.la-orb-2{width:260px;height:260px;inset-inline-start:-90px;inset-block-end:90px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),rgba(255,255,255,0) 70%)}
.lm-auth__brand{align-self:flex-start;color:#fff}
.lm-auth__brand .lm-logo{height:36px;width:auto}
.lm-auth__statement{max-width:540px}
.lm-auth__eyebrow{color:#bff3ff;font-size:.74rem;letter-spacing:.2em;margin-block-end:14px!important}
[dir=rtl] .lm-auth__eyebrow{letter-spacing:0;font-size:.85rem}
.lm-auth__eyebrow:before{background:#8fe3f5}
.lm-auth__title{font-family:'Manrope','DM Sans',system-ui,sans-serif;font-weight:750;font-size:clamp(2.1rem,3.5vw,3.3rem);letter-spacing:-.04em;line-height:1.1;color:#fff}
.lm-auth__title em{font-style:normal;color:#fff;background:linear-gradient(100deg,#fff 10%,#b8f2ff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[lang=ar] .lm-auth__title{font-family:'Noto Sans Arabic',system-ui,sans-serif;font-weight:700;line-height:1.35;letter-spacing:0}
.lm-auth__lead{color:rgba(236,247,255,.88);max-width:470px;margin-block:16px 0!important;font-size:1.02rem}
.la-line{display:block;overflow:hidden;padding-block:.04em}
.la-line>span{display:block}

.la-scene{position:relative;flex:1;min-height:340px;margin-top:6px;perspective:1400px}
.la-window{position:absolute;inset-inline-start:0;inset-block-start:4px;width:min(100%,560px);border-radius:18px;background:rgba(255,255,255,.96);color:#10284f;box-shadow:0 40px 70px -28px rgba(5,25,70,.7),0 0 0 1px rgba(255,255,255,.55);overflow:hidden;transform:translate3d(var(--lx),var(--ly),0) rotateY(-5deg) rotateX(2deg);transform-origin:0 50%}
[dir=rtl] .la-window{transform:translate3d(var(--lx),var(--ly),0) rotateY(5deg) rotateX(2deg);transform-origin:100% 50%}
.la-chrome{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#f1f6fd;border-bottom:1px solid #e1eaf6;font-size:.68rem;font-weight:600;color:#5a6c88}
.la-chrome i{width:8px;height:8px;border-radius:50%;background:#cfdcee}
.la-chrome span{margin-inline-start:8px}
.la-body{display:grid;grid-template-columns:116px 1fr;min-height:250px}
.la-side{padding:14px 12px;background:#f7faff;border-inline-end:1px solid #e6eef9;display:grid;align-content:start;gap:8px}
.la-brandmark{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;color:#10284f;margin-bottom:6px}
.la-brandmark b{width:20px;height:20px;border-radius:7px;background:var(--ca-grad);display:block}
.la-nav{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;font-size:.62rem;font-weight:600;color:#6c7e99}
.la-nav i{width:11px;height:11px;border-radius:4px;background:#cdd9eb;flex:none}
.la-nav.on{background:#e6eefe;color:#2563eb}.la-nav.on i{background:#2563eb}
.la-main{padding:16px 18px;display:grid;gap:12px;align-content:start}
.la-title{font-family:'Manrope',sans-serif;font-weight:750;font-size:.95rem;letter-spacing:-.02em;color:#10284f}
.la-sub{font-size:.62rem;color:#7a8ba3;margin-top:2px}
.la-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.la-metric{padding:9px 10px;border-radius:10px;background:#f4f8fe;border:1px solid #e3ecf8}
.la-metric small{display:block;font-size:.55rem;color:#7a8ba3;font-weight:600}
.la-metric strong{display:block;margin-top:4px;height:8px;border-radius:5px;background:linear-gradient(90deg,#2563eb,#22c5df)}
.la-metric:nth-child(2) strong{width:68%;background:linear-gradient(90deg,#0c948e,#22c5df)}.la-metric:nth-child(3) strong{width:84%;background:linear-gradient(90deg,#7c5cd6,#2563eb)}
.la-rows{display:grid;gap:8px}
.la-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e6eef9;border-radius:10px;background:#fff}
.la-row b{width:26px;height:26px;border-radius:8px;flex:none;background:linear-gradient(135deg,#bcd6ff,#8fe3f5)}
.la-row:nth-child(2) b{background:linear-gradient(135deg,#bff1e6,#9cd9f5)}.la-row:nth-child(3) b{background:linear-gradient(135deg,#d9cdfa,#a9c4ff)}
.la-row span{flex:1;display:grid;gap:5px}.la-row span i{display:block;height:6px;border-radius:4px;background:#dfe8f5}.la-row span i+i{width:55%;background:#ebf1fa}
.la-card{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:15px;background:rgba(255,255,255,.97);color:#10284f;box-shadow:0 24px 44px -18px rgba(5,25,70,.55),0 0 0 1px rgba(255,255,255,.6);font-size:.74rem;font-weight:700;line-height:1.3}
.la-card small{display:block;font-weight:500;color:#6c7e99;font-size:.64rem}
.la-card .la-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;flex:none;color:#fff}
.la-card svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.la-card-brand{inset-inline-end:2%;inset-block-start:-14px}.la-card-brand .la-ico{background:linear-gradient(135deg,#2563eb,#22c5df)}
.la-card-live{inset-inline-end:-1%;inset-block-start:46%}.la-card-live .la-ico{background:linear-gradient(135deg,#0c948e,#22c5df)}
.la-card-site{inset-inline-start:7%;inset-block-end:-8px}.la-card-site .la-ico{background:linear-gradient(135deg,#7c5cd6,#2563eb)}
.la-swatches{display:flex;gap:5px;margin-top:5px}.la-swatches i{width:13px;height:13px;border-radius:50%}.la-swatches i:nth-child(1){background:#2563eb}.la-swatches i:nth-child(2){background:#0c948e}.la-swatches i:nth-child(3){background:#7c5cd6}
.la-pills{display:flex;gap:18px;margin-top:auto;font-size:.8rem;color:rgba(236,247,255,.9);font-weight:600;flex-wrap:wrap}
.la-pills span{display:inline-flex;align-items:center;gap:8px}.la-pills svg{width:16px;height:16px;stroke:#8fe3f5;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Form side ---------- */
.lm-auth__main{padding-block:20px 22px;background:transparent}
.lm-auth__back{color:var(--a-muted);border-radius:10px;padding-inline:6px}
.lm-auth__back:hover{color:var(--a-accent)}
.lm-auth__card{width:min(100%,468px);animation:none;padding-block:clamp(20px,4vh,48px)}
.lm-auth__mbrand{display:none}
.lm-auth__mbrand .lm-logo{height:34px;width:auto}
.lm-auth__heading{font-family:'Manrope','DM Sans',sans-serif;font-weight:750;font-size:clamp(1.9rem,2.7vw,2.4rem);letter-spacing:-.04em;line-height:1.15;color:var(--ca-deep)}
html[lang=ar] .lm-auth__heading{font-family:'Noto Sans Arabic',sans-serif;font-weight:700;letter-spacing:0;line-height:1.4}
.lm-auth__sub{color:var(--a-muted);font-size:.97rem;margin-block:10px 28px!important}
.lm-field label{color:var(--ca-deep);font-size:.84rem;font-weight:650}
.lm-control input{height:52px;border-radius:13px;border:1px solid var(--a-input-line);background:#fff;color:var(--ca-deep);box-shadow:0 1px 2px rgba(24,59,107,.04);font-size:.96rem}
.lm-control input::placeholder{color:#8fa0b8;opacity:1}
html[data-theme] body.lm-auth .lm-control input:hover{border-color:#aec7ea}
html[data-theme] body.lm-auth .lm-control input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.lm-control__icon{color:#8497b1}
.lm-eye{color:#7d8fa9}.lm-eye:hover{color:var(--ca-deep);background:#f0f5fc}
.lm-check{color:var(--a-muted)}
.lm-check input{accent-color:#2563eb}
html[data-theme] .lm-auth .lm-auth__link{color:#2563eb;border-radius:8px}
.lm-auth__message{background:#fdecea;color:#b3261e}
.lm-auth__submit{min-height:54px;border-radius:13px;background:var(--ca-grad);font-family:'Manrope','DM Sans',sans-serif;font-size:.98rem;font-weight:750;box-shadow:0 14px 28px -14px rgba(37,99,235,.75),inset 0 1px 0 rgba(255,255,255,.3)}
html[lang=ar] .lm-auth__submit{font-family:'Noto Sans Arabic',sans-serif}
.lm-auth__submit:hover{box-shadow:0 18px 32px -14px rgba(37,99,235,.85),inset 0 1px 0 rgba(255,255,255,.3);transform:translateY(-1px)}
.lm-auth__submit{transition:box-shadow .25s,transform .25s}
.la-switch{display:grid;gap:12px;margin-top:26px;padding:18px;border:1px solid #dbe7f6;border-radius:16px;background:rgba(255,255,255,.72);text-align:start}
.la-switch p{font-size:.88rem;color:var(--a-muted)}
.la-switch p strong{display:block;color:var(--ca-deep);font-size:.95rem;margin-bottom:2px}
.la-switch-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid #bcd1ee;border-radius:12px;background:#fff;color:#1d4fc7;font-weight:700;font-size:.92rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}
html[data-theme] .lm-auth a.la-switch-link{color:#1d4fc7}
.la-switch-link:hover{border-color:#2563eb;box-shadow:0 10px 22px -14px rgba(37,99,235,.6);transform:translateY(-1px)}
.la-switch-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .la-switch-link svg{transform:scaleX(-1)}
.lm-auth__alt{text-align:center;color:var(--a-muted)}
.lm-auth__foot{border-color:var(--a-line);color:#6f819c}
.lm-auth__foot svg{color:#0c948e}
.lm-field-row{gap:0 14px}

/* ---------- Language control (the existing preference button, restyled; the theme control is hidden: this skin is light-only) ---------- */
.lm-auth .epc-prefs{margin:0}
html[data-theme] .lm-auth .epc-prefs [data-prefs-theme]{display:none}
html[data-theme] .lm-auth .epc-prefs__btn,.lm-auth__switch{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #d5e1f1;border-radius:12px;background:rgba(255,255,255,.8);color:var(--ca-deep);font-size:.84rem;font-weight:650;backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(24,59,107,.04);transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s}
html[data-theme] .lm-auth .epc-prefs__btn:hover{background:#fff;border-color:#a9c4ec;color:#2563eb;box-shadow:0 8px 18px -10px rgba(37,99,235,.5)}
.lm-auth .epc-prefs__btn[data-prefs-language]:before{content:"";width:16px;height:16px;flex:none;background:#2563eb;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.lm-auth__shell{grid-template-columns:minmax(0,46%) minmax(0,1fr)}.la-body{grid-template-columns:96px 1fr}.la-card-live{inset-inline-end:-2%}.lm-auth__title{font-size:clamp(1.9rem,3.4vw,2.6rem)}}
@media(max-width:900px){
  .lm-auth__shell{display:block}
  .lm-auth__visual{position:relative;height:auto;min-height:0;padding:20px 20px 28px;gap:14px}
  .lm-auth__statement{margin-block-start:10px}
  .lm-auth__title{font-size:clamp(1.7rem,6.4vw,2.2rem)}
  .lm-auth__lead{display:block;margin-block-start:10px!important;font-size:.95rem}
  .la-scene,.la-pills{display:none}
  .lm-auth__main{padding:0 20px 22px}
  .lm-auth__top{position:static;justify-content:space-between;padding-block-start:14px;inset:auto}
  .lm-auth__back{display:inline-flex}
  html[data-theme] .lm-auth .epc-prefs__btn,.lm-auth__switch{border-color:#d5e1f1;background:rgba(255,255,255,.8);color:var(--ca-deep);backdrop-filter:blur(8px)}
  .lm-auth__card{padding-block:12px 20px}
}
@media(max-width:520px){.lm-auth__visual{padding:18px 16px 24px}.lm-auth__main{padding-inline:16px}.lm-auth__brand .lm-logo{height:30px}.lm-auth__lead{font-size:.9rem}.lm-auth__heading{font-size:1.7rem}.lm-auth__foot{padding-bottom:64px}.lm-auth__title{font-size:1.6rem}}
@media(min-width:901px){.lm-auth__mbrand{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.lm-auth__submit{transition:none}}

/* ---------- Refinements ---------- */
.lm-auth--register .lm-control input:not([type=password]):not(.lm-eye){padding-inline:16px}
html[dir=rtl] .lm-auth--register .lm-control input:is([type=email]){padding-left:16px;padding-right:16px}
.lm-auth--register .lm-control--pw input{padding-inline:16px 52px}
html[dir=rtl] .lm-auth--register .lm-control--pw input:is([type=password],[type=text]){padding-left:52px;padding-right:16px}
.lm-auth--register .lm-field-row{grid-template-columns:1fr}
@media(min-width:901px){.la-scene{margin-bottom:88px}}