.mpfm{
  --mpfm-brand: var(--brand, #154896);
  --mpfm-brand-2: var(--brand2, #1fa43a);
  --mpfm-text: var(--text, #1f2937);
  --mpfm-muted: var(--muted, #64748b);
  --mpfm-surface: #ffffff;
  --mpfm-surface-soft: #f8fafc;
  --mpfm-border: #dbe3ee;
  --mpfm-shadow: 0 12px 32px rgba(15, 23, 42, .08);
  --mpfm-radius: 18px;
  --mpfm-radius-sm: 12px;
  max-width: 1100px;
  color: var(--mpfm-text);
  font: inherit;
}
.mpfm *{box-sizing:border-box}
.mpfm a{color:var(--mpfm-brand)}
.mpfm-single .mpfm-section + .mpfm-section{margin-top:24px}
.mpfm-portal{display:grid;gap:24px}
.mpfm-hero{border-radius:28px;background:linear-gradient(135deg,#0f172a 0%,#154896 58%,#1b5dc1 100%);padding:34px 28px;color:#fff;box-shadow:var(--mpfm-shadow);position:relative;overflow:hidden}
.mpfm-hero::after{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:rgba(255,255,255,.07);border-radius:999px}
.mpfm-hero__inner{position:relative;z-index:1;max-width:760px}
.mpfm-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mpfm-hero h1{margin:14px 0 10px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;color:#fff!important}
.mpfm-hero p{margin:0;max-width:60ch;color:rgba(255,255,255,.88);font-size:1.03rem}
.mpfm-nav-only,.mpfm-portal .mpfm-nav-only{max-width:none}
.mpfm-portal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mpfm-nav-card{text-decoration:none!important;border:none!important;background:#0f172a;color:#fff!important;border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:124px;gap:7px;box-shadow:0 8px 28px rgba(15,23,42,.12);transition:transform .18s ease, box-shadow .18s ease, background .18s ease;text-align:center}
.mpfm-nav-card:hover,.mpfm-nav-card:focus{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,23,42,.18);background:#111c32}
.mpfm-nav-card.is-active{background:linear-gradient(180deg,#101928 0%,#1a2943 100%)}
.mpfm-nav-card__icon{width:24px;height:24px;display:inline-flex}
.mpfm-nav-card__icon svg{width:24px;height:24px}
.mpfm-nav-card__title{font-weight:700;font-size:1.05rem;line-height:1.2}
.mpfm-nav-card__meta{font-size:.88rem;color:rgba(255,255,255,.75)}
.mpfm-sections{display:grid;gap:24px}
.mpfm-section{scroll-margin-top:24px}
.mpfm-section__head{margin:0 0 14px}
.mpfm-section__head h2{margin:0 0 6px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;color:var(--mpfm-brand)!important}
.mpfm-section__head p{margin:0;color:var(--mpfm-muted)}
.mpfm-panel{background:var(--mpfm-surface);border:1px solid var(--mpfm-border);border-radius:var(--mpfm-radius);box-shadow:var(--mpfm-shadow);padding:24px}
.mpfm-search-label{display:block;margin-bottom:8px;font-weight:700}
.mpfm input[type=email], .mpfm input[type=search]{display:block;width:100%;max-width:100%;padding:14px 16px;border:1px solid var(--mpfm-border);border-radius:14px;background:#fff;color:var(--mpfm-text);font:inherit;margin:0 0 18px;outline:none;transition:border-color .18s ease, box-shadow .18s ease}
.mpfm input[type=email]:focus, .mpfm input[type=search]:focus{border-color:var(--mpfm-brand);box-shadow:0 0 0 4px rgba(21,72,150,.12)}
.mpfm-alert{padding:14px 16px;border-radius:14px;border:1px solid #d8e4f8;margin:0 0 18px;background:#f5f9ff;color:#123b7a}
.mpfm-note{margin:18px 0 0;padding:14px 16px;background:#f8fafc;border:1px solid var(--mpfm-border);border-radius:14px;color:var(--mpfm-muted)}
.mpfm-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mpfm-detail-card{padding:18px;border:1px solid var(--mpfm-border);border-radius:16px;background:var(--mpfm-surface-soft)}
.mpfm-detail-card span{display:block;color:var(--mpfm-muted);font-size:.92rem;margin-bottom:8px}
.mpfm-detail-card strong{display:block;font-size:1rem;word-break:break-word}
.mpfm-status{display:inline-flex;align-items:center;gap:8px}
.mpfm-status::before{content:"";display:inline-block;width:10px;height:10px;border-radius:999px;background:#94a3b8}
.mpfm-status--subscribed::before{background:var(--mpfm-brand-2)}
.mpfm-status--pending::before{background:#f59e0b}
.mpfm-status--unsubscribed::before,.mpfm-status--inactive::before,.mpfm-status--none::before{background:#94a3b8}
.mpfm-action-form,.mpfm-form{margin-top:18px}
.mpfm-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:0;border-radius:14px;background:var(--mpfm-brand);color:#fff!important;cursor:pointer;font:inherit;font-weight:700;transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;box-shadow:0 10px 20px rgba(21,72,150,.2)}
.mpfm-button:hover{transform:translateY(-1px);filter:brightness(1.03)}
.mpfm-button--secondary{background:#18584a;box-shadow:0 10px 20px rgba(24,88,74,.18)}
.mpfm .mpfm-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:4px 0 18px;line-height:1.5}
.mpfm .mpfm-consent input{margin-top:4px;flex:none}
.mpfm-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mpfm-native-archive ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.mpfm-native-archive li{list-style:none;margin:0;padding:0}
.mpfm-native-archive li a{display:block;border:1px solid var(--mpfm-border);border-radius:16px;padding:16px 18px 16px 18px;text-decoration:none;background:#fff;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;font-weight:600;box-shadow:0 2px 6px rgba(15,23,42,.03)}
.mpfm-native-archive li a:hover{transform:translateY(-2px);border-color:#bcd0ec;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.mpfm-native-archive .mailpoet_archive_date{display:inline-block;margin:6px 0 10px;color:var(--mpfm-muted);font-size:.92rem}
.mpfm-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.mpfm-pagination button{border:1px solid var(--mpfm-border);background:#fff;color:var(--mpfm-text);border-radius:12px;padding:8px 12px;cursor:pointer;font:inherit;min-width:42px}
.mpfm-pagination button[aria-current=page]{background:var(--mpfm-brand);border-color:var(--mpfm-brand);color:#fff}
.mpfm-empty{color:var(--mpfm-muted)}
@media (max-width: 900px){
  .mpfm-portal-nav{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .mpfm-hero{padding:28px 20px;border-radius:22px}
  .mpfm-panel{padding:18px}
  .mpfm-detail-grid{grid-template-columns:1fr}
  .mpfm-button{width:100%}
}