@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #1e1e2f;--color-accent-1: #b089f2;--color-accent-2: #f97316;--color-accent-3: #f59d5e;--color-bg: #fafafa;--color-card-bg: #ffffff;--color-text-primary: #2d2d2d;--color-text-secondary: #6b7280;--color-border: #e5e7eb}*{padding:0;margin:0;border:none;outline:none;box-sizing:border-box}body{height:100vh;color:var(--color-text-secondary);font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sidebar{background-color:var(--color-primary);width:100px;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:100px}.sidebar-block{display:flex;flex-direction:column;justify-content:center;gap:20px}button{background-color:var(--color-primary);padding:5px;transition:background-color .3s ease-in}button:hover{cursor:pointer;background-color:var(--color-text-secondary)}button:hover .iconStyle{fill:var(--color-accent-2)}button:focus,.active{background-color:var(--color-accent-2)}button:focus .iconStyle{fill:#fff}.iconStyle{fill:#fff;background-color:#0000;font-size:2.5em}.sidebar-block .tooltip{background-color:var(--color-primary)}.container-personal-form{background-color:var(--color-primary);padding:40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:30px;min-width:600px;max-width:800px}.container-input{display:flex;gap:20px}.personal-label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:var(--color-accent-1);position:relative;flex:1}.personal-input{font-size:1em;padding:10px 5px;border-radius:5px}.personal-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.optional{font-size:.8em;font-weight:200;position:absolute;right:5px;top:5px}.high{height:200px;font-size:1em;padding:10px 5px}.container-form{background-color:var(--color-primary);padding:20px 40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:20px;min-width:600px;max-width:1000px}.container-links{display:flex;flex-direction:column}.container-headers{display:grid;grid-template-columns:1fr 2fr;color:var(--color-accent-1)}.row{display:grid;grid-template-columns:1fr 2fr;align-items:center}.links-input{font-size:1em;padding:10px 5px;border-radius:5px}.links-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.short{min-width:100px;max-width:200px}.long{min-width:200px;max-width:350px}.row{margin-bottom:30px;color:var(--color-accent-1)}h2{color:var(--color-accent-2)}.container-form{background-color:var(--color-primary);padding:40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:50px;min-width:800px;max-width:800px}.container-skillset{color:var(--color-accent-1);display:flex;flex-direction:column;justify-content:center}hr{border:1px solid var(--color-accent-1);margin-bottom:20px;margin-top:10px}.container-skill-input{display:flex;justify-content:space-between;margin-bottom:10px}.enter-skill-input{font-size:1em;padding:10px 5px;border-radius:5px;width:600px}.enter-skill-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.remove-skill-btn{background-color:var(--color-accent-1);border-radius:5px;padding:10px 20px;color:#fff;font-weight:700;font-size:1em}.remove-skill-btn:hover{background-color:var(--color-accent-2)}.btn-add-skill{background-color:var(--color-accent-2);color:#fff;font-weight:700;font-size:1em;border-radius:5px;padding:10px 20px}.container-work-experience{background-color:var(--color-primary);padding:40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:50px;min-width:600px;max-width:800px}.container-experience{display:flex;flex-direction:column;gap:10px}.job-label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:var(--color-accent-1);position:relative;flex:1}.job-input{font-size:1em;flex:1;padding:10px 5px;border-radius:5px}.job-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.remove-bullet-btn,.add-bullet-btn,.add-work-experience,.remove-experience{border-radius:5px;padding:10px 20px;color:#fff;font-weight:700;font-size:1em;height:50%;align-self:flex-end}.add-work-experience{align-self:flex-start;background-color:var(--color-accent-2)}.recent{font-size:.65em;font-weight:200;margin-left:30px}.container-education{background-color:var(--color-primary);padding:40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:50px;min-width:800px;max-width:800px}.container-experience{display:flex;flex-direction:column}.container-experience h2{margin-bottom:20px}.container-input-fields{display:flex;gap:20px;margin-bottom:20px;justify-content:space-between;align-items:flex-end}.degree-label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:var(--color-accent-1);position:relative;flex:1}.degree-input{font-size:1em;flex:1;padding:10px 5px;border-radius:5px}.degree-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.remove-bullet-btn,.add-bullet-btn,.add-degree,.remove-experience{border-radius:5px;padding:10px 20px;color:#fff;font-weight:700;font-size:1em;height:50%;align-self:flex-end}.remove-bullet-btn,.add-bullet-btn{background-color:var(--color-accent-1)}.add-bullet-btn{align-self:flex-start}.add-degree{align-self:flex-start;background-color:var(--color-accent-2)}.remove-experience{align-self:flex-end;background-color:var(--color-accent-2)}.remove-bullet-btn:hover,.add-bullet-btn:hover{background-color:var(--color-accent-2)}hr{border:1px solid var(--color-accent-2);margin-top:20px}.container-certificates{background-color:var(--color-primary);padding:40px;border-radius:5px;flex-grow:1;display:flex;flex-direction:column;gap:20px;min-width:800px;max-width:800px}.certificates-label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:var(--color-accent-1);position:relative;flex:1}.certificates-input{font-size:1em;padding:10px 5px;border-radius:5px;height:150px}.certificates-input:focus{box-shadow:0 0 0 2px var(--color-accent-2)}.preview-container{font-family:Inter,sans-serif;max-width:900px;margin:2rem auto;padding:3rem;background:#fff;color:#1f2937;border-radius:16px;box-shadow:0 12px 30px #00000012;line-height:1.6;border:1px solid #f3f4f6;transition:box-shadow .3s ease}.preview-container:hover{box-shadow:0 14px 40px #00000014}.preview-header{text-align:center;margin-bottom:2.5rem}.preview-header h1{font-size:2.6rem;font-weight:600;margin-bottom:.3rem;color:#111827}.preview-header h2{font-size:1.2rem;color:#6b7280;font-weight:500}.preview-section{margin-bottom:2.5rem;padding-bottom:1.2rem;border-bottom:1px solid #e5e7eb}.preview-section:last-child{border-bottom:none}.preview-section h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:.5px;border-left:4px solid #2563eb;padding-left:.7rem}.contact-about{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.contact p,.about p{margin:.3rem 0;font-size:.95rem}.about p{color:#374151}.links{display:flex;gap:.75rem;margin-top:1rem}.links a{display:inline-flex;align-items:center;justify-content:center;background-color:#f3f4f6;padding:.5rem;border-radius:8px;text-decoration:none;color:#2563eb;transition:background-color .2s ease}.links a:hover{background-color:#e0e7ff}.icon{font-size:1.2rem}.experience-entry,.education-entry{margin-bottom:1.8rem}.experience-entry h4,.education-entry h4{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:.2rem}.experience-entry p,.education-entry p{font-size:.9rem;color:#6b7280;margin-bottom:.6rem}ul{margin:0;padding-left:1.2rem}ul li{margin-bottom:.4rem;font-size:.95rem;color:#374151}.skills{display:flex;flex-wrap:wrap;gap:2rem}.skills div{flex:1;min-width:200px}.skills ul{list-style-type:disc}.preview-section:last-child p{margin-top:.5rem;color:#374151}.container-interests{margin-top:50px}.app-layout{display:flex;height:100vh}.container-sidebar{flex-shrink:0}.main-content{display:flex;flex-grow:1;justify-content:center;align-items:flex-start;padding:50px;overflow-y:auto}