:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Arial,Helvetica,sans-serif;background-color:#f8f9fa;color:#333;margin:0;padding:0;display:flex;justify-content:center}.form-and-preview{display:flex;width:100%;margin:30px;background:#f8f9fa;overflow:hidden;gap:30px}.form{width:40%;display:flex;flex-direction:column;gap:20px}.form-subsection-wrapper{display:flex;flex-direction:column;gap:20px}.cv-preview{width:794px;height:1112px;background-color:#fff;overflow:hidden;position:relative}.cv-preview-inner{width:794px;height:1112px}.buttons-container{display:flex;flex-direction:row;justify-content:center;gap:10px;background-color:#fff;padding:10px}.buttons-container button{flex:1}@media (max-width: 1024px){.form-and-preview{flex-direction:column;align-items:center;gap:20px}.cv-preview{order:-1;width:794px;height:calc(width*1.4);overflow-y:auto}.form{width:80%}label{display:block}input{width:100%;display:block;margin-top:0}}@media (max-width: 768px){.form-and-preview{flex-direction:column;margin:10px;gap:10px}.cv-preview{order:-1;width:516.1px;height:calc(1112px * .65);margin:0 auto;background-color:#fff;overflow:hidden}.cv-preview-inner{transform:scale(.65);transform-origin:top left}.form{width:100%;padding:10px}label{display:block}input{width:100%;padding:10px;font-size:16px;display:block}}@media (max-width: 480px){h2,h3,h4{font-size:1.2em}.cv-preview{order:-1;width:397px;height:556px;margin:0 auto;background-color:#fff}.cv-preview-inner{transform:scale(.5);transform-origin:top left}.form-and-preview{margin:5px;gap:0px}.form-section{padding:15px}label,input{display:block}}.form-section{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:5px}.view-btn{display:block}.form-section>h2{margin-top:0}.cv-preview h3{text-align:center;font-size:1.4em;margin-bottom:20px}.cv-section{margin-bottom:0;padding:50px 50px 0;background:#fff;display:flex;flex-direction:column}.cv-section *{margin:0;padding:0}.date{display:flex;grid-column:1;gap:5px}.cv-section h4{color:#000;font-size:1.2em;margin-bottom:10px;padding:4px;text-align:center;background-color:#f4f4f4;grid-column:span 2}.education-container{display:flex;flex-direction:column;gap:20px}.education-item{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;align-items:start}.experience-container{display:flex;flex-direction:column;gap:20px}.experience-item{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;align-items:start}.general-info{background-color:#283f65;color:#fff;border:none;text-align:center;padding:20px;display:grid;grid-template-columns:1fr 1fr}.general-info>h4{color:#fff;background-color:#283f65;grid-row:1}.general-info>p{display:inline-block;padding:5px;grid-row:2}.experience-desc{grid-column:2}input{width:90%;padding:12px;margin-top:5px;border:none;border-radius:8px;font-size:14px;background-color:#f4f4f4}input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff4d}.clean-btn{color:red;background-color:#fff;border:none;width:100%}.load-btn{border:none;width:100%}.clean-btn:hover,.load-btn:hover{border:none}.clean-btn:focus,.load-btn:focus{border:none;box-shadow:none;outline:none}button{outline:none;border:none}button:focus{outline:none}