.mpf{--mpf-accent:#2563eb;--mpf-gap:16px;--mpf-border:#cbd5e1;--mpf-text:inherit;--mpf-muted:#64748b;--mpf-error:#dc2626;--mpf-bg:#fff;--mpf-radius:8px;box-sizing:border-box;width:100%;margin:0 auto;font:inherit;color:var(--mpf-text);text-align:left}
.mpf *,.mpf *::before,.mpf *::after{box-sizing:border-box}
.mpf-form{margin:0}
.mpf-step{border:0;margin:0;padding:0;min-width:0}
.mpf-step[hidden]{display:none}
.mpf-step-title{font-weight:600;font-size:1.1em;margin:0 0 var(--mpf-gap);padding:0}
.mpf-row{display:flex;flex-wrap:wrap;gap:0 var(--mpf-gap);margin:0}
.mpf-col{flex:0 0 100%;min-width:0}
.mpf-span-12{flex-basis:100%}
.mpf-span-9{flex-basis:calc(75% - var(--mpf-gap) * .25)}
.mpf-span-8{flex-basis:calc(66.666% - var(--mpf-gap) * .334)}
.mpf-span-6{flex-basis:calc(50% - var(--mpf-gap) * .5)}
.mpf-span-4{flex-basis:calc(33.333% - var(--mpf-gap) * .667)}
.mpf-span-3{flex-basis:calc(25% - var(--mpf-gap) * .75)}
.mpf-field{margin:0 0 var(--mpf-gap)}
.mpf-label{display:block;font-weight:600;font-size:.92em;margin:0 0 6px;line-height:1.35}
.mpf-req{color:var(--mpf-error);margin-left:3px}
.mpf-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mpf-input{display:block;width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:15px;line-height:1.4;color:inherit;background:var(--mpf-bg);border:1px solid var(--mpf-border);border-radius:var(--mpf-radius);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
textarea.mpf-input{min-height:96px;resize:vertical}
select.mpf-input{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
select.mpf-input[multiple]{background-image:none;padding-right:12px;min-height:110px}
select.mpf-input:disabled{opacity:.6}
.mpf-input:focus{border-color:var(--mpf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mpf-accent) 20%,transparent)}
.mpf-input.mpf-file{padding:8px;min-height:auto}
.mpf-file-note,.mpf-help{font-size:.82em;color:var(--mpf-muted);margin-top:5px}
.mpf-error{font-size:.85em;color:var(--mpf-error);margin-top:5px}
.mpf-error[hidden]{display:none}
.mpf-field.has-error .mpf-input{border-color:var(--mpf-error)}
.mpf-choices{display:flex;flex-direction:column;gap:8px}
.mpf-choices.is-inline{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
.mpf-choice{display:flex;align-items:flex-start;gap:9px;cursor:pointer;line-height:1.45;font-weight:400;margin:0}
.mpf-choice input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--mpf-accent)}
.mpf-choice a{color:var(--mpf-accent)}
.mpf-pair{display:flex;gap:var(--mpf-gap)}
.mpf-pair>div{flex:1;min-width:0}
.mpf-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;margin:4px 0}
.mpf-switch input{position:absolute;opacity:0;width:1px;height:1px}
.mpf-switch-ui{width:44px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .15s;flex-shrink:0}
.mpf-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.mpf-switch input:checked+.mpf-switch-ui{background:var(--mpf-accent)}
.mpf-switch input:checked+.mpf-switch-ui::after{transform:translateX(20px)}
.mpf-switch input:focus-visible+.mpf-switch-ui{outline:2px solid var(--mpf-accent);outline-offset:2px}
.mpf-switch-text::before{content:attr(data-off)}
.mpf-switch input:checked~.mpf-switch-text::before{content:attr(data-on)}
.mpf-rating{display:inline-flex;flex-direction:row-reverse;gap:2px}
.mpf-rating input{position:absolute;opacity:0;width:1px;height:1px}
.mpf-rating label{font-size:28px;line-height:1;color:#cbd5e1;cursor:pointer;transition:color .1s}
.mpf-rating input:checked~label,.mpf-rating label:hover,.mpf-rating label:hover~label{color:#f59e0b}
.mpf-rating input:focus-visible+label{outline:2px solid var(--mpf-accent)}
.mpf-range{display:flex;align-items:center;gap:12px}
.mpf-range-input{flex:1;accent-color:var(--mpf-accent)}
.mpf-range output{min-width:40px;text-align:center;font-weight:600}
.mpf-heading{margin:4px 0 0;line-height:1.3}
.mpf-paragraph{margin:0;color:var(--mpf-muted);line-height:1.6}
.mpf-divider{border:0;border-top:1px solid var(--mpf-border);margin:4px 0}
.mpf-captcha{margin:0 0 var(--mpf-gap)}
.mpf-captcha-math .mpf-input{max-width:140px}
.mpf-hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.mpf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.mpf-align-center{justify-content:center}
.mpf-align-right{justify-content:flex-end}
.mpf-align-full .mpf-btn{flex:1}
.mpf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 26px;font:inherit;font-weight:600;font-size:15px;color:#fff;background:var(--mpf-accent);border:1px solid var(--mpf-accent);border-radius:var(--mpf-radius);cursor:pointer;transition:filter .15s,opacity .15s}
.mpf-btn:hover{filter:brightness(1.07)}
.mpf-btn:disabled{opacity:.65;cursor:wait}
.mpf-btn[hidden]{display:none}
.mpf-btn-light{background:transparent;color:var(--mpf-accent)}
.mpf-btn.is-loading::after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:mpf-spin .7s linear infinite}
@keyframes mpf-spin{to{transform:rotate(360deg)}}
.mpf-status{margin:0 0 12px;padding:10px 14px;border-radius:var(--mpf-radius);background:#ecfdf5;color:#065f46;font-size:.92em}
.mpf-status.is-error,.mpf-alert{background:#fef2f2;color:#991b1b}
.mpf-alert{margin:0 0 16px;padding:10px 14px;border-radius:var(--mpf-radius);font-size:.92em}
.mpf-status[hidden]{display:none}
.mpf-success{padding:22px 24px;border-radius:var(--mpf-radius);background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;line-height:1.6}
.mpf-success[hidden]{display:none}
.mpf-closed{padding:18px 20px;border-radius:var(--mpf-radius);background:#f8fafc;border:1px solid var(--mpf-border);color:var(--mpf-muted)}
.mpf-progress{list-style:none;display:flex;gap:8px;margin:0 0 calc(var(--mpf-gap) * 1.25);padding:0;counter-reset:none}
.mpf-progress li{flex:1;display:flex;align-items:center;gap:8px;font-size:.85em;color:var(--mpf-muted);padding-bottom:8px;border-bottom:3px solid #e2e8f0;min-width:0}
.mpf-progress li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#475569;font-weight:700;font-size:.85em;flex-shrink:0}
.mpf-progress li.is-active,.mpf-progress li.is-done{color:inherit;border-color:var(--mpf-accent)}
.mpf-progress li.is-active span,.mpf-progress li.is-done span{background:var(--mpf-accent);color:#fff}
.mpf-preview-note{font-size:.8em;color:var(--mpf-muted);margin:12px 0 0}
.mpf-page{max-width:820px;margin:48px auto;padding:0 20px}
.mpf-back{margin-top:16px}
/* etiket solda */
.mpf-label-left:not(.mpf-type-checkbox):not(.mpf-type-consent):not(.mpf-ilce-pair){display:grid;grid-template-columns:minmax(120px,30%) 1fr;column-gap:14px;align-items:start}
.mpf-label-left>.mpf-label{padding-top:11px;margin:0}
.mpf-label-left>.mpf-help,.mpf-label-left>.mpf-error{grid-column:2}
/* temalar */
.mpf-theme-bordered .mpf-input{border-width:2px}
.mpf-theme-filled .mpf-input{background:#f1f5f9;border-color:transparent}
.mpf-theme-filled .mpf-input:focus{background:#fff}
.mpf-theme-underline .mpf-input{border-width:0 0 2px;border-radius:0;padding-left:2px;padding-right:2px;background-color:transparent}
.mpf-theme-underline .mpf-input:focus{box-shadow:none}
.mpf-theme-inherit .mpf-input{border-radius:inherit;font-size:inherit;background-color:inherit}
@media (max-width:640px){
  .mpf-row{display:block}
  .mpf-col{width:100%}
  .mpf-pair{flex-direction:column;gap:var(--mpf-gap)}
  .mpf-label-left:not(.mpf-type-checkbox):not(.mpf-type-consent){display:block}
  .mpf-label-left>.mpf-label{padding-top:0;margin-bottom:6px}
  .mpf-progress li{font-size:0}
  .mpf-progress li span{font-size:12px}
  .mpf-actions .mpf-btn{flex:1}
}