form{flex-direction:column;flex-grow:1;display:flex}form input,form textarea{padding:var(--space-1);border:2px solid var(--clr-bg-dark);border-radius:8px}form input:user-invalid{border:2px solid var(--clr-warn)}form input{height:2rem}form textarea{resize:vertical;height:5rem}form h2{font-weight:var(--fw-bold);margin-bottom:var(--space-2)}form label{display:block}form .asterisk{color:var(--clr-warn)}.form-sections{width:clamp(310px,90vw,700px);padding:var(--space-2);margin:var(--space-2) auto;border-radius:8px;flex:1}.form-section{height:100%;display:none}.form-section.active{display:block}.form-control{margin-top:var(--space-2)}.form-control input,.form-control textarea{width:100%}.exp-section ul{scrollbar-width:thin;gap:var(--space-2);align-content:start;height:clamp(170px,65vh,800px);display:grid;overflow:auto}.exp-section li:not(.add-new){padding:var(--space-2);background-color:var(--clr-bg-semi-dark);border-radius:8px}.exp-section .add-new button{font-weight:var(--fw-bold);width:100%;padding:var(--space-2) var(--space-3);background-color:var(--clr-accent);color:var(--clr-text-secondary);cursor:pointer;border:none;border-radius:8px}.exp-section .controls{gap:var(--space-1);display:grid}.exp-section .controls label{padding:0 var(--space-1);flex-wrap:wrap;align-items:start;display:flex}.exp-section .controls input,.exp-section .controls textarea{flex:1;min-width:170px}.exp-section .controls span{min-width:9.5em;display:inline-block}.exp-section li:has(.delete-btn){grid-template-columns:1fr auto;display:grid}.exp-section li:has(.delete-btn) .delete-btn{cursor:pointer;background-color:#0000;border:none;border-radius:50%;grid-area:1/2;align-self:end;transition:background-color .5s}.exp-section li:has(.delete-btn) .delete-btn svg{fill:var(--clr-warn);aspect-ratio:1;width:32px}.form-footer{background-color:var(--clr-bg-dark);padding:var(--space-2);margin-top:auto}.form-nav{grid-template-columns:repeat(3,1fr);justify-items:center;width:clamp(310px,70vw,600px);margin:auto;display:grid}.form-nav button:not([type=submit]){padding:0 var(--space-2);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:fit-content;display:inline-flex}.form-nav button:not([type=submit]) svg{fill:var(--clr-bg)}.prev-section{grid-area:1/1}.sections-indicator{grid-area:1/2;grid-auto-flow:column;justify-content:center;gap:12px;padding:16px;display:grid}.next-section{grid-area:1/3}.circle{aspect-ratio:1;background-color:var(--clr-bg);border-radius:50%;width:12px}.circle.active{background-color:var(--clr-accent)}.submit-btn{font-weight:var(--fw-bold);background-color:var(--clr-accent);color:var(--clr-text-secondary);padding:var(--space-2) var(--space-3);cursor:pointer;will-change:transform;border:none;border-radius:8px;margin:auto;transition:background-color .5s,color .5s,transform .5s;display:block}.submit-btn:hover:not(:disabled),.submit-btn:focus-visible:not(:disabled){transform:scale(1.1)}.submit-btn:disabled{cursor:auto;background-color:var(--clr-bg);color:var(--clr-bg-dark)}.temp-wrapper{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template:"name name name""side separator main"1fr/1fr 3px 2fr;display:grid}.temp-wrapper h1,.temp-wrapper h2,.temp-wrapper h3{font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase}.temp-wrapper h1{font-size:var(--text-xl-header);text-align:left;margin-bottom:var(--space-4)}.temp-wrapper h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.temp-wrapper h3{font-size:var(--text-m);margin-bottom:var(--space-2)}.temp-wrapper h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.temp-wrapper p{max-width:40ch}.temp-wrapper section{margin-bottom:var(--space-5)}.temp-wrapper .separator{background-color:var(--clr-bg-dark);grid-area:separator}.edit-btn{font-weight:var(--fw-bold);z-index:1;align-items:center;gap:var(--space-1);background-color:var(--clr-accent);color:var(--clr-text-secondary);padding:var(--space-1) var(--space-2);cursor:pointer;border:none;border-radius:99px;display:flex;position:fixed;bottom:10px;right:10px}.edit-btn svg{aspect-ratio:1;width:1em;fill:var(--clr-text-secondary)}.name{grid-area:name}.contact-section li{margin-bottom:var(--space-2);font-weight:var(--fw-bold);align-items:center;gap:var(--space-2);display:flex}.profile-para{margin-left:var(--space-4);margin-bottom:var(--space-4);position:relative}li:has(.decorative-line){margin-left:var(--space-4);margin-bottom:var(--space-4);position:relative}.decorative-line{background-color:var(--clr-text-primary);width:2px;height:100%;position:absolute;top:5px;left:-1rem}.decorative-line:before{content:"";aspect-ratio:1;background-color:var(--clr-text-primary);border-radius:50%;width:8px;display:block;position:absolute;top:0;left:-3px}.decorative-line:after{content:"";aspect-ratio:1;background-color:var(--clr-text-primary);border-radius:50%;width:8px;display:block;position:absolute;bottom:0;left:-3px}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.temp-wrapper{border:5px groove var(--clr-text-primary);margin:var(--space-3);flex:1}.edit-btn{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font-family:inherit;font-size:inherit}img{max-block-size:100%;max-inline-size:100%;display:block}body{-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,button,input{line-height:1.1}ul,ol{list-style:none}@font-face{font-family:Cantarell;src:url(/assets/Cantarell-Regular-BhnEgzbp.woff2)format("woff2"),url(/assets/Cantarell-Regular-D98KbWQw.woff)format("woff"),url(/assets/Cantarell-Regular-eJ1U7LiS.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cantarell;src:url(/assets/Cantarell-Bold-CqcFJTrb.woff2)format("woff2"),url(/assets/Cantarell-Bold-DnHQYa-K.woff)format("woff"),url(/assets/Cantarell-Bold-Bmyi0S9f.ttf)format("truetype");font-weight:700;font-style:normal}:root{--ff:Cantarell, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Open Sans", "Helvetica Neue", sans-serif;--text-base:1rem;--text-m:1.125rem;--text-l:1.25rem;--text-xl:1.625rem;--text-xxl:2rem;--text-l-header:2rem;--text-xl-header:3rem;--fw-normal:400;--fw-bold:700;--off-white:#f8f6f0;--fern:#588157;--clr-bg:var(--off-white);--clr-bg-semi-dark:#e0e0e0;--clr-bg-dark:#b8b8b8;--clr-accent:var(--fern);--clr-warn:#c9242f;--clr-text-primary:#1b1b1b;--clr-text-secondary:#f0f0f0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:32px;--space-5:64px}body{font-family:var(--ff);background-color:var(--clr-bg);color:var(--clr-text-primary)}main{flex-direction:column;min-height:100vh;display:flex}.heading{padding:var(--space-3);background-color:var(--clr-bg-semi-dark)}h1{font-size:var(--text-l-header);font-weight:var(--fw-bold);text-align:center}.sr-only{width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}