:root{--ink:#18221d;--muted:#66716b;--paper:#f7f5ef;--white:#fff;--line:#dce1dc;--green:#235f47;--lime:#d9ef69;--soft:#edf2ed;--serif:Georgia,serif;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.5}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(24,34,29,.13);position:relative;z-index:3}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font:800 20px var(--display)}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--green);color:white;display:grid;place-items:center}.topbar nav{display:flex;gap:36px}.topbar nav a{font-size:14px;color:var(--ink);text-decoration:none}.button{border:0;border-radius:9px;background:var(--green);color:white;padding:14px 20px;font:600 14px var(--sans);cursor:pointer;box-shadow:0 5px 14px rgba(35,95,71,.17)}.button:hover{background:#174a36}.button.small{padding:10px 16px}.hero{padding:100px max(8vw,30px) 82px;min-height:665px;background:radial-gradient(circle at 82% 24%,rgba(217,239,105,.5),transparent 20%),linear-gradient(115deg,#f8f6f0 65%,#eef3e8);position:relative;overflow:hidden}.hero:after{content:"CV";position:absolute;right:5%;top:35px;font:800 330px/1 var(--display);color:rgba(35,95,71,.035);letter-spacing:-35px}.eyebrow{font:700 11px var(--display);letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:2px;background:var(--green)}.hero h1{font:800 clamp(54px,7vw,96px)/.97 var(--display);letter-spacing:-5px;margin:25px 0;color:#17251e;position:relative;z-index:1}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--green)}.hero>p{font-size:19px;color:#536159;max-width:625px}.hero-actions{margin-top:35px;display:flex;gap:20px;align-items:center}.quiet{font-size:12px;color:var(--muted)}.proof{display:flex;gap:0;margin-top:70px;border-top:1px solid var(--line);max-width:760px}.proof div{padding:20px 45px 0 0;margin-right:45px;border-right:1px solid var(--line)}.proof div:last-child{border:0}.proof strong,.proof small{display:block}.proof strong{font-size:13px}.proof small{color:var(--muted);font-size:11px;margin-top:3px}.workspace{padding:95px max(3vw,20px);background:#e9ede7}.workspace-head{max-width:1440px;margin:auto auto 35px;display:flex;justify-content:space-between;align-items:end}.workspace-head>div{display:flex;align-items:center;gap:18px}.section-number{font:700 11px var(--display);color:var(--green);border:1px solid #9cb0a3;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.workspace h2,.principles h2{font:700 clamp(32px,4vw,48px) var(--display);letter-spacing:-2px;margin:0}.workspace-head p{color:var(--muted);font-size:13px;max-width:340px}.app-shell{max-width:1440px;min-height:760px;margin:auto;background:white;border-radius:14px;display:grid;grid-template-columns:210px minmax(390px,1fr) minmax(380px,1fr);overflow:hidden;box-shadow:0 22px 60px rgba(32,48,39,.12)}.steps{background:#f7f8f5;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.step{border:0;background:none;text-align:left;padding:12px;border-radius:9px;display:grid;grid-template-columns:29px 1fr;column-gap:9px;cursor:pointer;color:var(--muted)}.step>span{grid-row:1/3;width:27px;height:27px;border:1px solid #bbc4bd;border-radius:50%;display:grid;place-items:center;font-size:11px}.step b{font-size:13px;color:var(--ink)}.step small{font-size:10px}.step.active{background:#e7efe8}.step.active>span{background:var(--green);color:white;border-color:var(--green)}.privacy{margin-top:auto;border-top:1px solid var(--line);padding:18px 7px;display:flex;gap:9px;color:var(--muted);font-size:10px}.privacy p{margin:0}.privacy b{color:var(--ink)}.editor{display:flex;flex-direction:column;min-width:0}.editor form{padding:34px 38px;overflow:auto;height:700px}.panel{display:none}.panel.active{display:block}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.panel-title small{font:700 9px var(--display);letter-spacing:1.5px;color:var(--green)}.panel-title h3{font:700 25px var(--display);letter-spacing:-.5px;margin:4px 0}.status-dot{font-size:10px;color:var(--muted)}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#63a26c;margin-right:6px}label{font-size:11px;font-weight:700;display:block;margin-bottom:16px}.hint{float:right;color:#99a19c;font-weight:400}input,textarea{width:100%;border:1px solid #d8ddd8;border-radius:7px;padding:11px 12px;margin-top:6px;font:13px var(--sans);color:var(--ink);background:#fcfcfa;outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,95,71,.08)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1.25fr 1fr 1fr}.writing-tip{background:#f1f5eb;border-left:3px solid #9cba4f;padding:14px 16px;margin-top:10px}.writing-tip b{font-size:11px}.writing-tip p{font-size:10px;color:var(--muted);margin:3px 0}.text-button{border:0;background:none;color:var(--green);font:700 11px var(--sans);cursor:pointer}.repeat-card{border:1px solid var(--line);border-radius:9px;padding:18px;margin:0 0 15px;position:relative}.repeat-card .remove{position:absolute;right:7px;top:5px;border:0;background:none;font-size:19px;color:#9aa39d;cursor:pointer}.repeat-list:empty:after{content:"No entries yet. Use the add button to begin.";display:block;border:1px dashed #ccd3cd;padding:38px 15px;text-align:center;color:#87918a;font-size:11px;border-radius:8px}h4{font:700 13px var(--display);display:flex;justify-content:space-between}.ats-card{display:flex;gap:22px;align-items:center;background:#f1f5ed;padding:20px;border-radius:10px}.score-ring{width:78px;height:78px;border:7px solid #d7dfd6;border-top-color:var(--green);border-radius:50%;display:grid;place-content:center;text-align:center;flex:none}.score-ring span{font:700 23px var(--display)}.score-ring small{font-size:8px;color:var(--muted)}.ats-card h4{margin:0}.ats-card p{font-size:10px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:9px;background:white;border:1px solid #d8ded8;padding:3px 7px;border-radius:20px}.chip.missing{color:#9a543f}.editor-footer{height:60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 30px;margin-top:auto}.editor-footer span{font-size:10px;color:var(--muted)}.editor-footer .button{padding:10px 17px}.preview-wrap{background:#e3e7e1;padding:25px 7%;overflow:auto}.preview-toolbar{display:flex;justify-content:space-between;font:700 9px var(--display);letter-spacing:1px;color:#647067;margin-bottom:17px}.preview-toolbar button{border:0;background:none;font:700 9px var(--sans);color:var(--green);cursor:pointer}.resume{background:white;min-height:650px;max-width:520px;margin:auto;padding:43px 45px;box-shadow:0 8px 30px rgba(32,43,37,.12);font-family:Arial,sans-serif;color:#202622;font-size:8px}.resume .empty-preview{height:560px;display:grid;place-content:center;text-align:center;color:#9aa19c}.resume .empty-preview b{font-size:15px;color:#657068}.resume-header{text-align:center;border-bottom:1px solid #333;padding-bottom:10px}.resume-header h1{font:700 21px Arial;margin:0 0 5px;letter-spacing:1px}.resume-header p{margin:2px}.resume h2{font:700 9px Arial;letter-spacing:1.2px;border-bottom:1px solid #555;padding-bottom:3px;margin:13px 0 6px}.resume p{margin:3px 0;line-height:1.4}.resume ul{padding-left:15px;margin:4px 0}.resume li{margin:2px 0}.resume .entry-head{display:flex;justify-content:space-between;gap:10px}.resume .entry-head b{font-size:8.5px}.resume .entry-meta{color:#444}.preview-note{text-align:center;font-size:9px;color:#7f8982}.principles{padding:100px max(8vw,30px);background:#183e2f;color:white;display:grid;grid-template-columns:1fr 1.7fr;gap:100px}.principles>div:first-child>.section-number{color:var(--lime);border-color:#719181}.principles h2{margin:18px 0}.principles>div>p{font-size:13px;color:#aebeb6;max-width:410px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.principle-grid article{border-top:1px solid #5a7468;padding-top:17px}.principle-grid span{color:var(--lime);font-size:10px}.principle-grid h3{font:700 16px var(--display);margin-top:42px}.principle-grid p{font-size:11px;color:#adbbb5}footer{height:130px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between}footer p,footer small{color:var(--muted);font-size:11px}
@media(max-width:1100px){.app-shell{grid-template-columns:170px 1fr}.preview-wrap{grid-column:1/3}.resume{min-height:680px}.principles{grid-template-columns:1fr;gap:45px}}
@media(max-width:720px){.topbar nav,.topbar .small{display:none}.hero{padding-top:70px}.hero h1{letter-spacing:-3px}.hero-actions,.proof{align-items:flex-start;flex-direction:column}.proof div{border-right:0;border-bottom:1px solid var(--line);padding:13px 0;margin:0;width:100%}.workspace-head{display:block}.app-shell{display:block}.steps{flex-direction:row;overflow:auto}.step{min-width:52px;display:block;text-align:center}.step b,.step small,.privacy{display:none}.step>span{margin:auto}.editor form{padding:25px 20px}.grid.two,.grid.three{grid-template-columns:1fr}.preview-wrap{padding:25px 12px}.resume{padding:30px 25px}.principles{padding:70px 25px}.principle-grid{grid-template-columns:1fr}.principle-grid h3{margin-top:15px}footer{height:auto;padding:35px 24px;gap:20px;flex-direction:column}}
.download-actions{display:flex;gap:6px}.preview-toolbar .download-actions button{border:1px solid #bdc8c0;border-radius:5px;background:rgba(255,255,255,.65);padding:5px 8px}.preview-toolbar .download-actions button:hover{background:#fff}.preview-toolbar .download-actions button:disabled{opacity:.55;cursor:wait}
.template-switch{display:flex;gap:9px;align-items:center;margin-top:20px;padding:11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.template-switch>span{width:27px;height:27px;border-radius:6px;background:var(--green);color:white;display:grid;place-items:center}.template-switch p{margin:0;line-height:1.2}.template-switch b,.template-switch small{display:block}.template-switch b{font-size:11px}.template-switch small{font-size:9px;color:var(--green);margin-top:3px}.resume.template-modern .resume-header{text-align:left;border-color:#235f47}.resume.template-modern .resume-header h1,.resume.template-modern h2{color:#235f47}.resume.template-modern h2{border-color:#235f47}.resume.template-minimal{padding:50px}.resume.template-minimal .resume-header{text-align:left;border-bottom:0}.resume.template-minimal .resume-header h1{font-size:19px;letter-spacing:.5px}.resume.template-minimal h2{letter-spacing:1.8px;border-color:#999}.resume.template-executive{font-family:Georgia,serif}.resume.template-executive .resume-header{border-color:#20354a}.resume.template-executive .resume-header h1{font:700 23px Georgia;color:#20354a}.resume.template-executive h2{font-family:Georgia;color:#20354a;border-color:#20354a}
.topbar nav .nav-template-tab{color:var(--green);font-weight:700;position:relative}.topbar nav .nav-template-tab:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--green);border-radius:2px}
.resume .empty-preview{padding:40px 30px}.empty-preview-icon{width:34px;height:34px;margin:0 auto 16px;border-radius:50%;background:#e3eee2;color:var(--green);font-size:17px;display:grid;place-items:center}.empty-preview>span:not(.empty-preview-icon){max-width:240px;margin:8px auto 0;font-size:10px;line-height:1.5}.empty-preview-lines{width:75%;margin:28px auto 0;display:grid;gap:9px}.empty-preview-lines i{display:block;height:7px;border-radius:99px;background:#edf0eb}.empty-preview-lines i:nth-child(2){width:84%}.empty-preview-lines i:nth-child(3){width:62%}