:root{--primary-color: #3498db;--primary-dark: #2980b9;--text-color: #333;--border-color: #e0e0e0;--background-color: #f9f9f9;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}section{padding-top:2rem;padding-inline:2rem;background-color:#fff}label{margin-bottom:.25rem;display:block;font-size:.9rem;color:#555;font-weight:600}h2{font-size:1.5rem;color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-block:1rem;margin-inline:2rem;margin-top:1rem}input{width:100%;padding:.25rem;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;margin-bottom:.75rem;box-sizing:border-box;transition:all .3s ease}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db33;outline:none}button{display:block;padding:.75rem;font-size:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:all .3s ease;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin:1rem 2rem}button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}button:active{transform:translateY(0);box-shadow:none}:root{box-sizing:border-box}*{margin:0}#root{background-image:url(./bg.png);height:calc(100vh - 4rem);padding:2rem}#main{height:calc(100% - 4rem);display:flex;gap:1rem;align-items:stretch;justify-content:center}form{width:20rem;border:none;border-radius:.5rem;overflow-y:auto;max-height:100%;background-color:#fff;box-shadow:0 4px 6px #000000e6}.preview{position:relative;width:40rem;aspect-ratio:.77;box-shadow:0 4px 6px #000000e6;background-color:#fff;padding:2rem;height:auto}@media (max-width: 950px){#main{flex-direction:column;align-items:center}form{font-size:8px;width:100%;height:10rem}form section{padding-block:.5rem}form h2{font-size:18px}.preview{width:90%;height:70%;overflow:hidden}}.cv-header{text-align:center;border-bottom:2px solid #666;margin-bottom:20px;padding-bottom:10px}.cv-header h1{font-size:24px;margin:0;color:#333}.cv-header p{margin:5px 0;font-size:14px;color:#555}.cv-section{margin-bottom:20px}.cv-section h2{margin:0 0 10px;font-size:18px;border-bottom:1px solid #ddd;padding-bottom:5px;color:#444}.education-item,.experience-item{margin-bottom:10px}.education-item p,.experience-item p{margin:2px 0}.education-item .study-date,.experience-item .date-range{font-size:12px;color:#888}.experience-item h3{font-size:16px;margin:0}.experience-item .responsibilities{font-size:13px;margin-top:5px;color:#555}.download{position:absolute;right:0;bottom:0}