*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Inter,Arial,Courier New,Courier,monospace}*,*:before,*:after{box-sizing:inherit}body{background-color:#f0eaef;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}#root{display:flex;flex-direction:row;gap:50px;justify-content:center;flex-wrap:wrap}@media (max-width: 1000px){#root{flex-direction:column;gap:20px;align-items:center}}.app{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:#eee;box-sizing:border-box;box-shadow:0 0 0 1px #0000000f;padding:.5rem;min-width:300px;font-size:14px;gap:1rem}.radio-inputs .radio{flex:1 1 auto;text-align:center}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:none;padding:.5rem;color:#334155}.radio-inputs .radio input:checked+.name{background-color:#fff;font-weight:600}.form-container{position:relative;min-width:350px;background:#eee;padding:1rem;font-size:14px;font-family:inherit;box-shadow:0 0 0 1px #0000000f;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;border-radius:.5rem;color:#334155;justify-content:center;align-items:center}.form-container .form{display:flex;flex-direction:column;gap:10px;width:100%;color:#334155}.form-container .form-group{display:flex;flex-direction:column;gap:2px}.form-container .form-group label{display:block;margin-bottom:5px;color:#717171;font-weight:600;font-size:12px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:8px;color:#334155;color:#fff;font-family:inherit;background-color:transparent;border:1px solid #414141}.form-container .form-group textarea{width:100%;padding:12px 16px;border-radius:8px;resize:none;color:#fff;height:96px;border:1px solid #414141;background-color:transparent;font-family:inherit}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#e81cff}.form-container .form-group textarea:focus{outline:none;border-color:#e81cff}.form-container .form-submit-btn{display:flex;align-items:flex-start;justify-content:center;align-self:flex-start;font-family:inherit;color:#717171;font-weight:600;width:40%;background:#313131;border:1px solid #414141;padding:12px 16px;font-size:inherit;gap:8px;margin-top:8px;cursor:pointer;border-radius:6px}.form-container .form-submit-btn:hover{background-color:#fff;border-color:#fff}.input_wrapper{display:flex;flex-direction:column;gap:6px;width:100%;font-family:Inter,system-ui,sans-serif}.input_label{font-size:.9rem;color:#334155;font-weight:500;letter-spacing:.2px}.input_field{padding:.6rem .8rem;font-size:.75rem;border:1.5px solid #d1d5db;border-radius:8px;outline:none;transition:all .2s ease;background-color:#fff;color:#111;box-shadow:0 0 #3b82f600}.input_field:hover{border-color:#a1a1a1}.input_field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.input_field::placeholder{color:#9ca3af;transition:color .2s ease}.input_field:focus::placeholder{color:#cbd5e1}.input_field:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (hover: none){.input_field:hover{border-color:#d1d5db}}.submit_button{margin-top:1rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background-color:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.submit_button:hover{background-color:#2563eb}.submit_button:active{transform:scale(.97)}.submit_button:focus{outline:2px solid #93c5fd;outline-offset:2px}.entries_container{display:flex;flex-direction:column;gap:.75rem;width:100%}.entry_card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;display:flex;gap:20px;width:100%;justify-content:space-between;align-items:center;transition:background .2s ease}.entry_card:hover{background:#f3f4f6}.entry_content p{margin:.2rem 0;font-size:.9rem}.delete_button{background:#ef4444;border:none;color:#fff;font-size:1rem;font-weight:700;border-radius:6px;padding:.3rem .6rem;cursor:pointer;transition:background .2s ease}.delete_button:hover{background:#dc2626}.preview-container{display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;overflow:hidden}.preview-wrapper{position:relative;width:55vh;aspect-ratio:210 / 297;transform-origin:top center;background:#fff;box-shadow:0 0 12px #00000026;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;padding:1.5rem;font-family:Helvetica Neue,Arial,sans-serif;color:#333;font-size:.7rem}.preview-header{text-align:center;border-bottom:2px solid #333;padding:1rem;margin-bottom:1.5rem}.preview-header h1{margin:0;font-size:.8rem;font-weight:700}.contact-info{font-size:.5rem;color:#555;margin-top:.5rem}.preview-section{margin-bottom:1.5rem}.preview-section h2{font-size:.8rem;margin-bottom:.75rem;border-bottom:1px solid #ddd;padding-bottom:.25rem}.preview-entry{margin-bottom:.5rem;font-size:.65rem}.entry-title{font-weight:700}.entry-duration{font-size:.6rem;color:#666}.skills-list{list-style:disc;margin-left:1.5rem;font-size:.6rem}@media (max-width: 1000px){.preview-wrapper{width:90vw;padding:1.5rem}}.preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding-top:10px}.preview-toolbar{display:flex;justify-content:flex-end;align-items:center}.download-btn{background:#07f;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:background .2s ease}.download-btn:hover{background:#005fd1}
