:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#192b45;background:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1240px)/2));border-bottom:1px solid #e8edf4;background:white;position:sticky;top:0;z-index:20}.brand{font-weight:900;font-size:24px;letter-spacing:-1px;color:#14284a}.brand span{color:#3575ed}.nav nav{display:flex;gap:32px;color:#627086;font-weight:600;font-size:14px}.nav nav a:hover{color:#2865dd}#navActions{display:flex;gap:10px}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:750;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.primary{background:#2867e8;color:white;box-shadow:0 5px 12px #2867e82b}.primary:hover{background:#1554d2}.ghost{background:transparent;color:#233955}.outline{background:white;border:1px solid #cdd8e9;color:#1d3a60}.large{padding:16px 25px}.light{background:white;color:#205cce}.hero{max-width:1240px;margin:auto;min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;padding:65px 32px}.pill{display:inline-block;background:#e9f1ff;color:#235bc5;padding:9px 15px;border-radius:30px;font-weight:800;font-size:12px;letter-spacing:.2px}.hero h1{font-size:clamp(38px,4.5vw,65px);line-height:1.09;letter-spacing:-2.5px;margin:25px 0}.hero h1 em{font-style:normal;color:#2a6ce9}.hero p{font-size:18px;line-height:1.8;color:#64738b;max-width:550px}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.proof{font-size:13px;color:#667891}.heroVisual{min-height:510px;background:radial-gradient(circle,#c6dcff 0%,#eaf2ff 55%,#f7faff 80%);border-radius:40px;display:grid;place-items:center;position:relative}.miniResume{background:white;width:310px;min-height:430px;padding:36px 30px;box-shadow:0 20px 65px #25477b2b;transform:rotate(-3deg);font-size:10px}.miniName{font-size:24px;font-weight:900;letter-spacing:-1px}.miniTitle{font-size:11px;color:#2a6ce9;font-weight:800;margin:4px 0}.miniContact{color:#8b98aa;margin-bottom:25px}.miniHead{border-bottom:2px solid #2b6de9;color:#2b6de9;font-weight:900;padding-bottom:5px;margin:17px 0 10px}.miniResume strong,.miniResume small{display:block;margin:6px 0}.miniResume small{color:#8997aa}.lines i,.templateThumb i{display:block;background:#e5ebf2;height:5px;border-radius:3px;margin:7px 0}.lines .short{width:65%}.floating{position:absolute;background:white;box-shadow:0 10px 35px #1c407026;padding:13px 18px;border-radius:13px;font-weight:800;font-size:12px;z-index:2}.floating.top{top:80px;left:-30px}.floating.bottom{bottom:90px;right:-22px;color:#1a9d7a}.stats{background:#f5f8fd;display:flex;justify-content:center;gap:clamp(45px,10vw,160px);padding:35px 20px}.stats div{text-align:center}.stats strong{display:block;font-size:30px;color:#1f60d8}.stats span{font-size:13px;color:#6b7b92}.section{padding:90px max(5%,calc((100% - 1240px)/2))}.sectionTitle{text-align:center;max-width:700px;margin:0 auto 45px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#2c6ae5}.sectionTitle h2{font-size:clamp(28px,3.2vw,43px);letter-spacing:-1.3px;margin:14px 0}.sectionTitle p{color:#6a7b90}.templateGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.templateCard{border:1px solid #e4eaf2;background:white;border-radius:16px;text-align:left;padding:16px;box-shadow:0 8px 24px #123b6c0b}.templateCard:hover{border-color:#3678ed;transform:translateY(-3px)}.templateCard h3{margin:17px 0 2px}.templateCard p{margin:0 0 5px;color:#8290a2;font-size:13px}.templateThumb{height:260px;padding:27px;background:#f8fafc;box-shadow:inset 0 0 0 1px #edf1f7}.templateThumb b{font-size:17px;display:block}.templateThumb span{display:block;font-size:10px;color:#64748b;margin:6px 0}.templateThumb strong{font-size:9px;display:block;margin:15px 0 9px}.templateThumb i{height:4px}.modernThumb strong{color:#2867e8}.classicThumb{font-family:Georgia,serif}.minimalThumb{background:white}.executiveThumb{background:#ecf0f5}.executiveThumb b{color:#102b51}.soft{background:#f7f9fd}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featureGrid article{background:white;border:1px solid #e9edf5;padding:30px;border-radius:15px}.featureGrid article span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e9f1ff;color:#2766d8;font-size:25px}.featureGrid h3{margin:22px 0 9px}.featureGrid p{color:#6c7c90;line-height:1.7;font-size:14px}.pricing{background:#fff}.priceCard{max-width:440px;margin:auto;border:1px solid #d8e5f9;border-radius:22px;padding:35px;box-shadow:0 18px 55px #153f6d10}.priceCard h3{font-size:24px}.price{font-size:54px;font-weight:900}.price small{font-size:16px;color:#7b899b;font-weight:500}.priceCard p{color:#68788e;line-height:1.6}.checks{line-height:2.5;font-weight:600;margin:20px 0}.priceCard .btn{width:100%;margin:15px 0}.priceCard>small{color:#8794a6}.cta{background:linear-gradient(115deg,#163f8b,#2d72eb);color:white;text-align:center;padding:80px 20px}.cta h2{font-size:40px;margin:0}.cta p{color:#dce8ff;margin:15px 0 28px}footer{padding:30px 6%;display:flex;justify-content:space-between;font-weight:900}footer span{font-weight:400;color:#8996a7;font-size:13px}.modal{position:fixed;inset:0;background:#0c203b88;z-index:40;display:grid;place-items:center;padding:15px}.hidden{display:none!important}.modalBox{position:relative;background:white;border-radius:20px;padding:35px;width:min(100%,460px);box-shadow:0 30px 80px #0003}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:#73849c}.modalBox h2{margin:0 0 10px}.modalBox p{color:#78869b}.field{display:block;margin:14px 0;font-size:13px;font-weight:700}.field input,.field textarea,.field select,.editor input,.editor textarea,.editor select{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid #d9e2ed;border-radius:9px;color:#233a55;background:white}.field textarea,.editor textarea{min-height:105px;resize:vertical}.modalBox .btn{width:100%;margin-top:10px}.muted{color:#74839a;font-size:13px}.linkButton{border:0;background:transparent;color:#2563eb;font-weight:750;padding:6px}.workspacePage{max-width:1260px;margin:35px auto;padding:0 24px;min-height:75vh}.workspaceHead{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:25px}.workspaceHead h1{margin:0;font-size:32px}.workspaceHead p{color:#7c899b}.resumeCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px}.resumeCard{background:white;border:1px solid #e1e8f1;border-radius:15px;padding:24px;min-height:175px;box-shadow:0 7px 20px #102d5509}.resumeCard h3{margin:8px 0}.resumeCard small{color:#7d8da2}.resumeCard .actions{display:flex;gap:8px;margin-top:22px}.btn.sm{padding:9px 12px;font-size:12px}.danger{color:#c23548}.editorLayout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(350px,1fr);gap:24px;align-items:start}.editorPanel,.previewPanel{background:white;border:1px solid #e1e8f2;border-radius:16px;padding:22px;box-shadow:0 6px 25px #0c31500b}.previewPanel{position:sticky;top:100px}.editorTabs{display:flex;gap:6px;overflow:auto;padding-bottom:12px}.editorTabs button{white-space:nowrap;border:0;background:#f0f4f9;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:800}.editorTabs button.active{background:#2867e8;color:white}.editorGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor label{font-size:12px;font-weight:800;display:block;margin:12px 0}.editor textarea{min-height:85px}.entry{border:1px solid #e4eaf3;padding:15px;border-radius:12px;margin:12px 0;background:#fbfcfe}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.resumePaper{background:white;box-shadow:0 8px 35px #142e4c22;padding:44px;min-height:650px;max-width:650px;margin:12px auto;color:#202b3b;overflow-wrap:anywhere}.resumePaper h1{font-size:30px;margin:0;letter-spacing:-.6px}.resumePaper .role{font-size:13px;color:var(--accent);font-weight:800;margin:5px 0 8px}.resumePaper .contact{font-size:10px;color:#6a788b}.resumePaper h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent);padding-bottom:6px;margin-top:26px;color:var(--accent)}.resumePaper h3{font-size:12px;margin:12px 0 3px}.resumePaper p,.resumePaper li{font-size:11px;line-height:1.7;white-space:pre-line}.resumePaper .meta{color:#7d8794;font-size:10px}.resumePaper ul{padding-left:17px}.resumePaper.classic{font-family:Georgia,serif}.resumePaper.classic h1{text-align:center}.resumePaper.classic .role,.resumePaper.classic .contact{text-align:center}.resumePaper.minimal h2{border-bottom:1px solid #ccd5df;color:#24364e}.resumePaper.executive{border-top:12px solid #193a6c}.resumePaper.executive h1{color:#193a6c}.templatePicker{display:flex;gap:7px;flex-wrap:wrap}.templatePicker button{border:1px solid #d9e3f1;background:white;border-radius:8px;padding:9px}.templatePicker button.active{border:2px solid #2867e8}.aiBox{background:#eff5ff;padding:15px;border-radius:12px;margin-top:15px}.aiBox textarea{width:100%}#toast{position:fixed;bottom:20px;right:20px;background:#173658;color:white;padding:14px 20px;border-radius:10px;display:none;z-index:50;max-width:320px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:45px 24px}.heroVisual{max-width:550px;width:100%;margin:auto}.templateGrid{grid-template-columns:repeat(2,1fr)}.featureGrid{grid-template-columns:repeat(2,1fr)}.editorLayout{grid-template-columns:1fr}.previewPanel{position:static}.nav nav{display:none}}@media(max-width:540px){.nav{padding:0 14px;height:70px}.brand{font-size:20px}.nav .btn{font-size:12px;padding:10px}.hero h1{letter-spacing:-1px}.heroVisual{min-height:440px}.miniResume{transform:none;width:270px}.floating{display:none}.stats{gap:20px}.stats strong{font-size:23px}.stats span{font-size:10px}.section{padding:65px 20px}.templateGrid,.featureGrid{grid-template-columns:1fr}.templateThumb{height:200px}.editorGrid{grid-template-columns:1fr}.resumePaper{padding:25px}.workspacePage{padding:0 12px}footer{display:block;text-align:center}footer span{display:block;margin-top:10px}}
@media print{body>*:not(#app){display:none!important}#app>*:not(.workspacePage){display:none!important}.workspaceHead,.editorPanel,.previewPanel>h3,.previewPanel>.toolbar,.previewPanel>.muted{display:none!important}.workspacePage,.editorLayout,.previewPanel{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.resumePaper{box-shadow:none!important;margin:0!important;max-width:none!important;min-height:0!important;padding:12mm!important;break-inside:avoid}@page{size:A4;margin:0}}