/* MPE v4.8.3 — optional account prompt + custom account pages */
.mpe-account-prompt{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;margin:18px 0;padding:18px 20px;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:0 8px 24px rgba(22,48,78,.06)}
.mpe-account-icon{font-size:25px;grid-row:span 2}.mpe-account-copy small{font-size:10px;letter-spacing:.08em;font-weight:800;color:#718096}.mpe-account-copy h3{margin:3px 0 5px;font-size:18px;color:#132238}.mpe-account-copy p{margin:0;color:#5d6b7a;font-size:13px;line-height:1.55}.mpe-account-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:9px;align-items:center}.mpe-account-actions a,.mpe-account-actions button{font:inherit;font-size:12px;font-weight:750;border-radius:999px;padding:9px 13px;text-decoration:none;cursor:pointer}.mpe-account-create{background:#2563eb;color:#fff!important;border:1px solid #2563eb}.mpe-account-login{background:#eef4ff;color:#245cc5!important;border:1px solid #cbd8eb}.mpe-account-continue{background:transparent;color:#64748b;border:0;padding-left:4px!important}.mpe-account-continue:hover{text-decoration:underline}
@media(max-width:700px){.mpe-account-prompt{grid-template-columns:auto 1fr;padding:15px}.mpe-account-actions{grid-column:1/-1}.mpe-account-actions a,.mpe-account-actions button{width:100%;text-align:center;box-sizing:border-box}.mpe-account-copy h3{font-size:16px}}


/* =========================================================
   MPE v4.8.3 — Custom account pages
   ========================================================= */
.mpe-account-page{max-width:620px;margin:30px auto;padding:10px 16px;box-sizing:border-box}
.mpe-account-panel{background:#fff;border:1px solid #dce5ef;border-radius:22px;padding:34px 34px 30px;box-shadow:0 14px 40px rgba(20,45,75,.08);box-sizing:border-box}
.mpe-account-brand{font-size:14px;line-height:1;font-weight:900;letter-spacing:2px;color:#2864e8;margin-bottom:6px}
.mpe-account-kicker{font-size:10px;line-height:1;font-weight:800;letter-spacing:1.5px;color:#8a98aa;margin-bottom:22px}
.mpe-account-panel h1{margin:0 0 9px;font-size:32px;line-height:1.15;color:#172b49;font-weight:800}
.mpe-account-subtitle{margin:0 0 25px;color:#68778d;font-size:15px;line-height:1.6}
.mpe-account-form{display:flex;flex-direction:column;gap:15px}
.mpe-account-form label{display:flex;flex-direction:column;gap:7px;color:#26364d;font-size:13px;font-weight:750}
.mpe-account-form input[type=text],.mpe-account-form input[type=email],.mpe-account-form input[type=password]{width:100%;height:48px;box-sizing:border-box;border:1px solid #cfdbe9;border-radius:12px;background:#fff;color:#172b49;padding:0 14px;font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.mpe-account-form input[type=text]:focus,.mpe-account-form input[type=email]:focus,.mpe-account-form input[type=password]:focus{border-color:#2864e8;box-shadow:0 0 0 3px rgba(40,100,232,.10)}
.mpe-account-check{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:500!important;color:#68778d!important;line-height:1.45}
.mpe-account-check input{margin-top:3px;accent-color:#2864e8}
.mpe-account-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:11px 18px;border:1px solid #2864e8;border-radius:12px;background:#2864e8;color:#fff!important;text-decoration:none!important;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.mpe-account-primary:hover{background:#1f55ca;border-color:#1f55ca;color:#fff!important}
.mpe-account-primary:active{transform:translateY(1px)}
.mpe-account-switch,.mpe-account-forgot{margin:17px 0 0;text-align:center;color:#68778d;font-size:13px;line-height:1.5}
.mpe-account-switch a,.mpe-account-forgot a{color:#2864e8;text-decoration:none;font-weight:750}
.mpe-account-switch a:hover,.mpe-account-forgot a:hover{text-decoration:underline}
.mpe-account-notice,.mpe-account-errors{margin:0 0 18px;padding:13px 15px;border-radius:12px;font-size:13px;line-height:1.5}
.mpe-account-notice-success{background:#edf9f1;border:1px solid #ccebd7;color:#207a46}
.mpe-account-errors{background:#fff2f2;border:1px solid #f2cccc;color:#b3261e}
.mpe-account-errors strong{display:block;margin-bottom:4px}
.mpe-account-errors ul{margin:5px 0 0 18px;padding:0}
.mpe-account-errors li{margin:2px 0}
@media(max-width:700px){
 .mpe-account-page{margin:16px auto;padding:6px 12px}
 .mpe-account-panel{padding:26px 20px 24px;border-radius:18px}
 .mpe-account-panel h1{font-size:27px}
 .mpe-account-subtitle{font-size:14px;margin-bottom:21px}
}


/* v4.8.8 — isolated anonymous student login button; does not alter quiz engine */
.mpe .mpe-hero-actions .mpe-account-hero-login{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.10);color:#fff!important;font:inherit;font-size:13px;font-weight:800;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.mpe .mpe-hero-actions .mpe-account-hero-login:hover{background:rgba(255,255,255,.18);color:#fff!important}
@media(max-width:700px){.mpe .mpe-hero-actions .mpe-account-hero-login{min-height:40px}}

/* v4.8.9 — standalone account page controls. Isolated from the quiz engine. */
.mpe-account-actions-page{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.mpe-account-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:11px 18px;border:1px solid #cbd8e8;border-radius:12px;background:#f7faff;color:#2864e8!important;text-decoration:none!important;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.mpe-account-secondary:hover{background:#eef4ff;color:#1f55ca!important}
@media(max-width:700px){.mpe-account-actions-page{flex-direction:column;align-items:stretch}.mpe-account-actions-page .mpe-account-primary,.mpe-account-actions-page .mpe-account-secondary{width:100%;text-align:center}}

/* v4.8.13 — registration form polish; isolated from quiz engine. */
.mpe-account-field-help{font-size:12px!important;font-weight:500!important;color:#7a8798!important;line-height:1.35!important;margin-top:-2px;}

.mpe-account-migration .mpe-account-copy strong{color:#132238}.mpe-account-migration .mpe-account-actions button{appearance:none}.mpe-account-migration .mpe-account-actions button:focus{outline:2px solid #2563eb;outline-offset:2px}
/* v4.8.20 — migration progress states */
.mpe-account-migration .mpe-migration-status{font-weight:700;color:#2563eb}
.mpe-account-migration .mpe-account-icon{align-self:start}
.mpe-account-migration button[disabled]{opacity:.65;cursor:wait}