/* Modern minimal style (blue accent) */
.cmf-wrapper{max-width:980px;margin:30px auto;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#1b1b1b;}
.cmf-title{font-size:28px;margin-bottom:12px;font-weight:700;color:#152238;}
.cmf-form{background:#fff;border-radius:12px;padding:18px;box-shadow:0 8px 30px rgba(12,38,63,0.06)}
.cmf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cmf-col-full{grid-column:1/-1}
.cmf-col label{font-weight:600;display:block;margin-bottom:6px;color:#333}
.cmf-col input,.cmf-col textarea,.cmf-col-full input{width:100%;padding:12px;border-radius:10px;border:1px solid #e6e9ef;background:#fbfdff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6)}
.required{color:#d64545}
.cmf-photo{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}
.cmf-photo-preview{width:120px;height:120px;border-radius:10px;background:#f5f7fa;border:1px dashed #e3e7ee;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cmf-repeater{grid-column:1/-1;padding:14px;border-radius:10px;background:linear-gradient(180deg,#fbfdff,#f7fbff);border:1px solid #f0f4fb}
.cmf-repeater h3{margin:0 0 8px 0;color:#173246}
.cmf-repeater-item{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;align-items:start}
.cmf-actions{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end;margin-top:8px}
.cmf-btn{background:linear-gradient(90deg,#0b74de,#0066cc);color:#fff;padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:700;box-shadow:0 6px 18px rgba(11,116,222,0.18);transition:transform .12s ease,box-shadow .12s ease}
.cmf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,116,222,0.22)}
.cmf-btn-secondary{background:transparent;border:1px solid #dfe8f5;padding:11px 16px;border-radius:12px;cursor:pointer;color:#0b4ea6;font-weight:700}
.cmf-btn-outline{background:transparent;border:1px dashed #e6eefc;padding:8px 10px;border-radius:10px;cursor:pointer;color:#0b4ea6}
.cmf-cv-preview{margin-top:20px;border:1px solid #eee;padding:18px;border-radius:12px;background:#fff}
/* modern CV layout inside preview */
.cv-container{font-family:Inter, Arial, Helvetica, sans-serif;color:#0f1724;padding:28px;max-width:794px;background:#fff;border-radius:6px;border:1px solid #eef3fa}
.cv-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cv-name{font-size:32px;font-weight:800;letter-spacing:0.6px;color:#071a3a}
.cv-title{color:#0b74de;font-weight:700;margin-top:6px}
.cv-contacts{margin-top:10px;font-size:14px;color:#243b53}
.cv-section{margin-top:18px}
.cv-section h4{font-size:18px;color:#071a3a;border-left:4px solid #0b74de;padding-left:10px;margin:0 0 8px 0}
.cv-exp{margin-bottom:10px}
.cv-exp-left strong{font-weight:700}
.cv-desc{margin-top:6px;color:#334155}
.cv-photo img{border-radius:10px;border:3px solid #fff;box-shadow:0 6px 18px rgba(12,38,63,0.08);width:120px;height:120px;object-fit:cover}
@media(max-width:720px){ .cmf-grid{grid-template-columns:1fr} .cmf-actions{justify-content:stretch;flex-direction:column} .cv-top{flex-direction:column;align-items:flex-start} }