/* MARU Academy identity layer for real Mentingo LMS, not a demo.
 * Maintains native login, accessibility, permissions, form logic and upstream MIT notices.
 * Static CSS only: never authorizes payments or unlocks protected content.
 */
:root{
  --primary-50:#f9f3f6;--primary-100:#f2e6ec;--primary-200:#ead4df;
  --primary-300:#d8b5c8;--primary-400:#b58aa3;--primary-500:#97748a;
  --primary-600:#79576f;--primary-700:#62485d;--primary-800:#50394c;
  --primary-900:#402f3c;--primary-950:#302431;
  --primary:#62485d;--primary-foreground:#ffffff;
  --color-black:#29242b;--neutral-50:#faf8f8;--neutral-100:#f4eff1;
  --neutral-200:#eee6e9;--neutral-300:#ddd1d7;--neutral-400:#b0a2ac;
  --neutral-500:#91838c;--neutral-600:#796f76;
  --neutral-700:#625a61;--neutral-800:#514951;--neutral-900:#3a343b;
}
body{background:#f9f7f6;color:#29242b; -webkit-font-smoothing:antialiased}
:focus-visible{outline-color:#946f8b;outline-offset:3px}
button,input,select,textarea{accent-color:#79576f}
body button,body a,body input{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
body button:focus-visible,body a:focus-visible,body input:focus-visible{outline:2px solid #946f8b;outline-offset:2px}
/* Make native account authentication resemble the rest of MARU Academy. */
main:has(form input[type="password"]){background:radial-gradient(ellipse at 0% 5%,#e5ceda 0,transparent 48%),linear-gradient(145deg,#faf7f5 0%,#f5eff2 80%);padding:24px 18px;min-height:100svh}
main:has(form input[type="password"]) > [data-testid]{max-width:440px;background:#fffdfc;border:1px solid #e8dee2;border-radius:22px;box-shadow:0 23px 70px rgba(60,39,55,.1);overflow:hidden;padding:13px}
main:has(form input[type="password"]) [role="heading"] > div:first-child{width:100%;min-height:94px;margin-bottom:18px;background:center / contain no-repeat url("/maru-assets/maru-logo.svg")}
main:has(form input[type="password"]) [role="heading"] > div:first-child > *{opacity:0}
main:has(form input[type="password"]) [role="heading"]{font-family:Georgia,serif;font-weight:500;letter-spacing:-.018em;color:#493442}
main:has(form input[type="password"]) input{border-radius:12px;background:#fffdfc;border-color:#e0d6dc;min-height:48px}
main:has(form input[type="password"]) input:focus{border-color:#9b758e;box-shadow:0 0 0 3px #e8d5e180}
main:has(form input[type="password"]) button[type="submit"]{background:#62485d;color:white;border-radius:12px;min-height:49px;font-weight:700}
main:has(form input[type="password"]) button[type="submit"]:hover{background:#443242}
/* Sidebar and mobile controls follow native components; no reordering or hiding controls. */
aside{--primary-50:#f7eef3;--primary-600:#79576f}
@media (max-width: 600px){
  main:has(form input[type="password"]){padding:15px 12px}
  main:has(form input[type="password"]) > [data-testid]{max-width:100%;padding:7px}
  main:has(form input[type="password"]) [role="heading"] > div:first-child{min-height:80px}
}
@media (prefers-reduced-motion:reduce){body button,body a,body input{transition:none}}