.mpi-login-page{--mpi-login-brand:#646b52;--mpi-login-brand-dark:#4e5440;--mpi-login-brand-light:#b4bb9e;--mpi-login-brand-soft:#f1f3eb;--mpi-login-border:#dce0ce;--mpi-login-ink:#1e2118;--mpi-login-muted:#8a8f7d;--mpi-login-surface:#f7f8f3;--mpi-login-white:#fff;--mpi-login-red:#a02828;--mpi-login-shadow:0 28px 70px #1e211814;color:var(--mpi-login-ink);padding:28px 0 56px}.mpi-login-page__shell{margin:0 auto;padding:0 clamp(18px,3vw,32px);width:min(100%,980px)}.mpi-login-page__header{margin-bottom:40px;text-align:center}.mpi-login-page__title{font-size:clamp(32px,4vw,42px);font-weight:800;letter-spacing:-.05em;line-height:1.02;margin:0 0 10px}.mpi-login-page__subtitle{color:var(--mpi-login-muted);font-size:14px;line-height:1.7;margin:0}.mpi-login-page__card{background:var(--mpi-login-white);border:1px solid var(--mpi-login-border);border-radius:24px;box-shadow:var(--mpi-login-shadow);display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);overflow:hidden}.mpi-login-page__divider{background:var(--mpi-login-border)}.mpi-login-page__panel{display:flex;flex-direction:column;min-width:0;padding:clamp(32px,4.5vw,42px)}.mpi-login-page__panel--register{background:radial-gradient(circle at top right,#b4bb9e38,#0000 38%),linear-gradient(180deg,#f7f8f3f5,#f1f3ebe0)}.mpi-login-page__panel-label{align-items:center;color:var(--mpi-login-muted);display:inline-flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.mpi-login-page__panel-label:before{background:var(--mpi-login-red);border-radius:999px;content:"";height:2px;width:10px}.mpi-login-page__panel-title{font-size:clamp(22px,2.3vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0 0 8px}.mpi-login-page__panel-description{color:var(--mpi-login-muted);font-size:13px;font-weight:500;line-height:1.7;margin:0 0 28px}.mpi-login-page__benefits{display:flex;flex-direction:column;gap:14px;padding-top:20px}.mpi-login-page__benefit{align-items:flex-start;display:flex;gap:12px}.mpi-login-page__benefit-icon{align-items:center;background:var(--mpi-login-brand-soft);border:1px solid var(--mpi-login-border);border-radius:10px;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.mpi-login-page__benefit-icon svg{height:14px;width:14px;stroke:var(--mpi-login-brand)}.mpi-login-page__benefit-copy strong{color:var(--mpi-login-ink);display:block;font-size:12px;font-weight:700;margin-bottom:3px}.mpi-login-page__benefit-copy span{color:var(--mpi-login-muted);display:block;font-size:12px;line-height:1.65}.mpi-login-page__register-cta{border-top:1px solid #dce0cee6;margin-top:auto;padding-top:28px}.mpi-login-page__register-button{align-items:center;background:var(--mpi-login-ink);border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:52px;padding:14px 22px;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;width:100%}.mpi-login-page__register-button svg{height:15px;width:15px;stroke:currentColor}.mpi-login-page__register-button:focus-visible,.mpi-login-page__register-button:hover{background:#2d3224;box-shadow:0 16px 30px #1e21182e;color:#fff;transform:translateY(-2px)}.mpi-login-form{display:flex;flex-direction:column}.mpi-login-form__error{margin-bottom:18px}.mpi-login-form__error .alert{background:#a0282814;border:1px solid #a028282e;border-radius:14px;color:#6f1d1d;font-size:13px;line-height:1.6;margin-bottom:0}.mpi-login-form__group{margin-bottom:14px}.mpi-login-form__label{align-items:center;color:var(--mpi-login-muted);display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.mpi-login-form .required-mark{color:var(--mpi-login-red);font-size:12px;line-height:1}.mpi-login-form__input-wrap{position:relative}.mpi-login-form__input-wrap--password .mpi-login-form__input{padding-right:44px}.mpi-login-form__eye-toggle{align-items:center;background:#0000;border:0;color:var(--mpi-login-muted);cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .18s ease;width:18px}.mpi-login-form__eye-toggle:focus-visible,.mpi-login-form__eye-toggle:hover{color:var(--mpi-login-brand)}.mpi-login-form__input-icon{height:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:16px;stroke:var(--mpi-login-muted);pointer-events:none;transition:stroke .18s ease}.mpi-login-form__input{background:var(--mpi-login-white);border:1.5px solid var(--mpi-login-border);border-radius:14px;color:var(--mpi-login-ink);font-size:13px;font-weight:500;min-height:48px;padding:12px 14px 12px 44px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.mpi-login-form__input::placeholder{color:var(--mpi-login-muted);font-weight:400}.mpi-login-form__input:focus{background:var(--mpi-login-brand-soft);border-color:var(--mpi-login-brand);box-shadow:0 0 0 4px #646b521a;outline:none}.mpi-login-form__group:focus-within .mpi-login-form__input-icon{stroke:var(--mpi-login-brand)}.mpi-login-form__forgot{align-self:flex-start;color:var(--mpi-login-brand);display:inline-flex;font-size:12px;font-weight:600;margin-top:2px;text-decoration:none}.mpi-login-form__forgot:focus-visible,.mpi-login-form__forgot:hover{color:var(--mpi-login-brand-dark);text-decoration:underline}.mpi-login-form__actions{margin-top:24px}.mpi-login-form__submit{align-items:center;background:var(--mpi-login-brand);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:52px;padding:14px 22px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;width:100%}.mpi-login-form__submit svg{height:15px;width:15px;stroke:currentColor}.mpi-login-form__submit:focus-visible,.mpi-login-form__submit:hover{background:var(--mpi-login-brand-dark);box-shadow:0 16px 30px #646b523d;transform:translateY(-2px)}@media(max-width:900px){.mpi-login-page{padding-top:28px}.mpi-login-page__card{grid-template-columns:1fr}.mpi-login-page__divider{height:1px;width:100%}.mpi-login-page__register-cta{margin-top:28px}}@media(max-width:640px){.mpi-login-page{padding:28px 0 38px}.mpi-login-page__header{margin-bottom:24px}.mpi-login-page__title{font-size:clamp(26px,8vw,34px)}.mpi-login-page__panel{padding:24px 20px}.mpi-login-form__actions{margin-top:20px}}