.app{display:flex;min-height:100vh}.form-section{width:40%;padding:20px;background-color:#fff;overflow-y:auto}.preview-section{width:60%;padding:20px;background-color:#eaeaea}@media print{body{background:#fff}.form-section{display:none}.preview-section{width:100%;padding:0}.cv-preview{width:210mm;min-height:297mm;padding:20mm;margin:auto;box-shadow:none}}@media print{body{background:#fff}.form-section{display:none}.preview-section{width:100%;padding:0}.cv-preview{width:210mm;min-height:297mm;padding:20mm;margin:auto;box-shadow:none}section{page-break-inside:avoid}}section{margin-bottom:20px}section h2{margin-bottom:10px;color:#2a7ae4}input,textarea{width:100%;margin-bottom:10px;padding:8px}section>div{padding:10px;border:1px solid #ddd;margin-bottom:10px}button{margin-top:5px;padding:6px 10px;cursor:pointer}.cv-preview h1,.cv-preview h3{color:#2a7ae4}.cv-preview{background-color:#fff;padding:30px;min-height:100%}.cv-preview h1{color:#2a7ae4;font-size:32px}.cv-preview h2{font-size:18px;margin-bottom:10px}.profile-photo{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:20px}.cv-preview h3{margin-top:20px;margin-bottom:10px;color:#2a7ae4}.cv-preview section div{margin-bottom:10px}.cv-preview ul{list-style:none;padding-left:0}.cv-preview li{margin-bottom:5px}.cv-preview{background-color:#fff;box-shadow:0 0 10px #0000001a}.cv-preview{font-family:Georgia,serif;line-height:1.5}.cv-preview h1{margin-bottom:5px}.cv-preview h2{margin-bottom:15px;font-weight:400}.cv-preview p{margin-bottom:6px}.cv-preview section{margin-top:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#f5f5f5;color:#222}