@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('fonts/InterTight.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('fonts/DMSerifDisplay.ttf') format('truetype');font-weight:400;font-display:swap}
:root{
 --mm-coral:#F46052;--mm-black:#000000;--mm-cream:#FFF7EB;--mm-cyan:#20B7CD;--mm-sunshine:#FFC83D;--mm-blue:#386DE8;--mm-green:#36A676;
 --mm-surface:#fff;--mm-muted:#5D5D5D;--mm-border:#D6CFC5;--mm-action:#F46052;--mm-action-hover:#EF5042;--mm-focus:#2354B7;--mm-success:#206B47;--mm-danger:#AD3029;--mm-disabled:#EAE5DD;
 --mm-font-brand:Manrope,sans-serif;--mm-font-serif:'DM Serif Display',serif;--mm-font-heading:var(--mm-font-serif);--mm-font-ui:'Inter Tight',sans-serif;
 --mm-space-1:4px;--mm-space-2:8px;--mm-space-3:12px;--mm-space-4:16px;--mm-space-6:24px;--mm-space-8:32px;--mm-space-12:48px;--mm-space-16:64px;--mm-space-24:96px;
 --mm-radius-sm:8px;--mm-radius-control:12px;--mm-radius-card:20px;
 --mm-feedback:140ms;--mm-transition:200ms;--mm-ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
.mm-ui{font:400 16px/1.55 var(--mm-font-ui);color:var(--mm-black)}
.mm-ui :where(h1,h2,h3){font-family:var(--mm-font-heading);font-weight:400;letter-spacing:-.015em}
.mm-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:var(--mm-radius-control);background:var(--mm-action);color:var(--mm-black);font:600 16px/1.3 var(--mm-font-ui);text-decoration:none;cursor:pointer;transition:background var(--mm-feedback) var(--mm-ease)}
.mm-button:hover{background:var(--mm-action-hover)}
.mm-button.secondary{color:var(--mm-black);background:var(--mm-surface);border-color:var(--mm-muted)}
.mm-button.secondary:hover{background:var(--mm-cream)}
.mm-button:disabled{background:var(--mm-disabled);color:var(--mm-muted);cursor:not-allowed}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--mm-focus);outline-offset:4px}
.mm-card{background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-radius-card);padding:24px}
.mm-field{display:grid;gap:8px;font-weight:600}
.mm-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--mm-muted);border-radius:var(--mm-radius-control);background:var(--mm-surface);color:var(--mm-black);font:400 16px/1.4 var(--mm-font-ui)}
.mm-input::placeholder{color:var(--mm-muted);opacity:1}
.mm-input[aria-invalid=true]{border:2px solid var(--mm-danger)}
.mm-help{color:var(--mm-muted);font-size:14px;font-weight:400}
.mm-error{color:var(--mm-danger);font-size:14px;font-weight:500}
.mm-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mm-badge{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--mm-cream);color:var(--mm-black)}
.mm-badge.success{color:var(--mm-success);background:#E8F3EC}
.mm-badge.info{color:var(--mm-focus);background:#EAF0FF}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
