:root{--color-accent:#4a5d3a;--color-text:#3a2e26;--color-text-muted:#7a6f66;--color-background:#f9f6f0;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:28px;--font-size-name:28px;--font-size-section-label:12px;--font-size-body:12px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-v20-latin-regular-C38fXH4l.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/inter-v20-latin-700-Yt3aPRUw.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/assets/inter-v20-latin-800-BYj_oED-.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;font-family:Inter;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}.preview{background-color:var(--color-background);width:794px;min-height:1123px;padding-left:var(--spacing-lg);display:flex;box-shadow:0 0 12px #0000001a}.left-side{padding-right:var(--spacing-lg);border-left:1px solid var(--color-accent);flex:3}h1{margin-top:var(--spacing-lg);font-size:var(--font-size-name);text-align:end;margin-bottom:var(--spacing-sm);color:var(--color-text)}em{font-size:var(--font-size-body);text-align:end;width:100%;color:var(--color-text);display:block}.work-experience,.education{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}h2{font-size:var(--font-size-section-label);margin-bottom:var(--spacing-md);margin-left:var(--spacing-sm);letter-spacing:2px;color:var(--color-accent);font-weight:800}.work,.degree{gap:var(--spacing-lg);display:flex}.dates>p{border-left:3px solid var(--color-accent);padding-left:var(--spacing-sm);padding-right:var(--spacing-lg);font-size:var(--font-size-section-label);color:var(--color-text)}h3{font-size:var(--font-size-section-label);color:var(--color-text);margin-left:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:700}.subtitle{gap:var(--spacing-sm);font-size:var(--font-size-section-label);color:var(--color-text);margin-left:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.subtitle>p:first-of-type{font-weight:700}.bullet{gap:var(--spacing-sm);font-size:var(--font-size-body);color:var(--color-text-muted);display:flex}.bullets.no-dates{margin-left:var(--spacing-sm)}.bullets{gap:var(--spacing-sm);flex-direction:column;display:flex}.work+.work,.degree+.degree,.project+.project{margin-top:var(--spacing-lg)}.project>a{color:var(--color-accent);font-size:var(--font-size-section-label);margin-left:var(--spacing-sm);margin-bottom:var(--spacing-sm);text-decoration:none;display:block}.project>.bullets{margin-left:var(--spacing-sm)}.right-side{background-color:var(--color-accent);padding:0 var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}img{object-fit:cover;object-position:center;width:130px;height:130px;margin:var(--spacing-lg) auto var(--spacing-md);border-radius:50%}.right-side>div>a,.right-side>div>p{color:var(--color-background);font-size:var(--font-size-body);margin-left:var(--spacing-sm);text-decoration:none;display:block}.right-side>div{align-items:center;gap:var(--spacing-sm);display:flex}.right-side>.skills,.right-side>.languages{margin-top:var(--spacing-lg);flex-direction:column;align-items:flex-start}.right-side h2{color:var(--color-background);margin-left:0}.skill,.language{gap:var(--spacing-sm);margin-left:var(--spacing-sm);color:var(--color-background);font-size:var(--font-size-body);display:flex}.right-side>div:first-child,.left-side>em:first-child,.left-side>div:first-child{margin-top:var(--spacing-lg)}:root{--color-accent:#4a5d3a;--color-text:#3a2e26;--color-text-muted:#7a6f66;--color-background:#f9f6f0;--color-border:#ded5c4;--color-app-background:#fffff9;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:28px;--font-size-name:28px;--font-size-section-label:12px;--font-size-body:12px}#root{background-color:var(--color-app-background);grid-template-rows:auto auto;grid-template-columns:auto 1fr;place-items:start center;display:grid}.section-menu{grid-column:1/3;justify-content:center;align-items:center;margin:40px;font-size:1rem;display:flex}.section-menu>button:first-child{border-radius:20px 0 0 20px}.section-menu>button:last-child{border-radius:0 20px 20px 0}.section-menu>button{border:1px solid var(--color-border);white-space:nowrap;padding:10px 20px}.active{color:var(--color-app-background);background-color:var(--color-accent)}.unlocked{color:var(--color-text);background-color:var(--color-app-background);cursor:pointer}.locked{color:var(--color-text-muted);background-color:var(--color-app-background);cursor:not-allowed}[class$=-form],.download{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;width:500px;height:auto;margin:0 40px;padding:10px 20px}input{border:1px solid var(--color-border);color:var(--color-text);border-radius:5px;padding:10px 20px}input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #4a5d3a33}input+label{margin-top:10px}.responsibilities input[type=text]{flex:1}select{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-app-background);border-radius:5px;padding:10px 20px}select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #4a5d3a33}button:focus-visible,a:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 2px #4a5d3a66}.header-form{color:var(--color-text-muted);flex-direction:column;font-size:1rem;display:flex}.header-form>.header{border-bottom:1px solid var(--color-border);grid-template-rows:auto;grid-template-columns:max-content auto;gap:20px;padding:20px;display:grid}.picture-dropzone{border:1px dashed var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-top:10px;display:flex;position:relative}.picture-dropzone>sgv{width:20px;height:20px}.picture-dropzone.dragging{border-color:var(--color-accent);background-color:#4a5d3a14}.picture-dropzone img{object-fit:cover;object-position:20%;border-radius:50%;width:100%;height:100%;margin:0}.picture-dropzone button{background:var(--color-text);width:24px;height:24px;color:var(--color-background);cursor:pointer;border:none;border-radius:50%;place-content:center;display:flex;position:absolute;top:-20px;right:-4px}.header>div+div{flex-direction:column;display:flex}.contact{border-bottom:1px solid var(--color-border);flex-direction:column;padding:20px;display:flex}.links{flex-direction:column;padding:20px;display:flex}.links>p{margin-bottom:20px}.header-form>button{background-color:var(--color-accent);width:auto;color:var(--color-app-background);border:none;border-radius:8px;margin:20px;padding:10px 20px}.experience-form,.education-form,.projects-form,.skills-form,.languages-form{color:var(--color-text-muted);flex-direction:column;font-size:1rem;display:flex}.skills-form{padding:20px}.skills-form>div{flex-direction:column;padding:20px;display:flex}.skills-form>div>input{flex-grow:1;margin-top:20px}.skills-form .skills{flex-wrap:wrap;margin-top:20px;display:flex}.skills-form .skill{color:var(--color-accent);background-color:var(--color-border);border-radius:50px;justify-content:center;align-items:center;padding:5px 10px;font-size:1rem;display:flex}.skill>button{background-color:var(--color-border);color:var(--color-accent);cursor:pointer;border:none;padding:0}.skill>button>svg{width:15px;height:15px}.entry-card{border-bottom:1px solid var(--color-border);flex-direction:column;gap:20px;padding:20px;display:flex}.entry-card>button{background-color:var(--color-background);color:#944;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;display:flex}.job-info,.job-details,.education-info,.education-details,.skills,.languages-form>div>div{gap:20px;width:100%;display:flex}.projects-form>div>div,.languages-form>div>div>div{flex-direction:column;width:100%;display:flex}.job-info>div,.job-details>div,.education-details>div,.education-info>div{flex-direction:column;flex:1;min-width:0;display:flex}.responsibilities{flex-direction:column;gap:20px;width:100%;display:flex}.responsibilities>div{align-items:center;width:100%;display:flex}.responsibilities>div>button{background-color:var(--color-background);color:var(--color-text);cursor:pointer;border:none}.responsibilities>button{color:var(--color-accent);background-color:var(--color-background);cursor:pointer;border:none;justify-content:space-between;align-self:flex-start;padding:0;display:flex}.experience-form>button+button,.education-form>button+button,.projects-form>button+button,.skills-form>button,.languages-form>button+button{background-color:var(--color-accent);color:var(--color-app-background);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:center;width:calc(100% - 40px);margin:0 20px 20px;padding:10px 20px}.experience-form>button,.education-form>button,.projects-form>button,.languages-form>button{border:1px solid var(--color-border);color:var(--color-accent);background-color:var(--color-background);cursor:pointer;border-radius:8px;align-self:flex-start;margin:20px;padding:10px 20px;display:flex}.download{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:20px;padding:20px;font-size:1rem;display:flex}.download>svg{width:40px;height:40px;color:var(--color-accent)}.download>p{color:var(--color-text);font-size:1.5rem}.download>a{cursor:pointer;background-color:var(--color-accent);color:var(--color-background);border-radius:8px;padding:10px 20px;font-weight:800;text-decoration:none}.download>button{cursor:pointer;background-color:var(--color-background);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:8px;padding:10px 20px}.section-menu>button.unlocked:hover{background-color:var(--color-border)}.header-form>button:hover,.experience-form>button+button:hover,.education-form>button+button:hover,.projects-form>button+button:hover,.skills-form>button:hover,.languages-form>button+button:hover{background-color:#3d4e30}.experience-form>button:hover,.education-form>button:hover,.projects-form>button:hover,.languages-form>button:hover{background-color:var(--color-border)}.picture-dropzone button:hover{background-color:var(--color-accent)}.entry-card>button:hover{background-color:#9944441a}.skill>button:hover,.responsibilities>div>button:hover,.responsibilities>button:hover{color:#3d4e30}.download>a:hover{background-color:#3d4e30}.download>button:hover{background-color:var(--color-border);color:var(--color-text)}