:root{--blue:#2563eb;--blue2:#1d4ed8;--ink:#14213d;--muted:#64748b;--line:#dbe4f0;--bg:#f5f8fc;--card:#fff;--soft:#eef4ff;--shadow:0 18px 50px rgba(25,45,80,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}a{text-decoration:none;color:inherit}
.topbar{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4%;gap:30px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;white-space:nowrap}.brand img{width:40px;height:40px}.brand b{color:var(--blue);font-size:11px;letter-spacing:3px;margin-left:4px}.mainnav{display:flex;gap:22px;margin:auto;color:#475569;font-weight:600;font-size:14px}.mainnav a:hover{color:var(--blue)}.top-actions{display:flex;gap:10px;align-items:center}
.btn,.icon-btn,.editor-tools button,.preview-toolbar button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 15px;cursor:pointer;font-weight:700}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 20px rgba(37,99,235,.22)}.btn.primary:hover{background:var(--blue2);transform:translateY(-1px)}.btn.ghost:hover,.icon-btn:hover{border-color:#a9bee0;background:#f8fbff}.icon-btn{width:42px;height:42px;padding:0}.mobile-only{display:none}
.hero{padding:80px 5% 70px;background:radial-gradient(circle at 75% 25%,#dce9ff,transparent 33%),linear-gradient(180deg,#fff,#f5f8fc)}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--blue);margin-bottom:12px}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.02;margin:0 0 20px;letter-spacing:-3px}.hero p{font-size:18px;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.mini-resume{border:1px solid #d9e2ef;padding:25px;background:#fff}.mini-top{height:65px;background:linear-gradient(135deg,#2563eb,#8ab0ff);border-radius:7px;padding:13px;color:#fff;font-weight:800;font-size:22px}.mini-line{height:8px;background:#e6edf7;margin:14px 0;border-radius:6px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section{padding:70px 5%;max-width:1250px;margin:auto}.section h2{text-align:center;font-size:38px;margin:0 0 10px;letter-spacing:-1px}.section>p{text-align:center;color:var(--muted);max-width:700px;margin:0 auto 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 25px rgba(30,50,90,.04)}.card h3{margin:10px 0 5px}.card p{color:var(--muted);margin:0}.card-icon{width:45px;height:45px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-size:21px;font-weight:800}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.template-thumb{height:245px;border:1px solid #e2e8f0;background:#fff;overflow:hidden;padding:14px}.template-thumb .t-head{height:34px;background:var(--tc,#2563eb);color:white;padding:7px;font-weight:800}.template-thumb .t-line{height:6px;background:#e8edf4;margin:8px 0}.template-card b{display:block;padding:9px 3px 3px}.template-card button{width:100%;margin-top:6px}.tools-grid{grid-template-columns:repeat(4,1fr)}
.footer{background:#0f1b31;color:#cbd5e1;padding:35px 5%;display:flex;flex-wrap:wrap;gap:25px;align-items:center}.footer>div{display:flex;gap:18px;align-items:center}.footer a:hover{color:#fff}.footer p{width:100%;margin:0;color:#94a3b8;font-size:13px}

.builder-shell{max-width:1500px;margin:auto;padding:28px 2.5% 60px}.builder-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.builder-head h1{font-size:32px;margin:0}.builder-head p{margin:4px 0;color:var(--muted)}.head-actions{display:flex;gap:8px}.builder-grid{display:grid;grid-template-columns:minmax(480px,650px) minmax(480px,1fr);gap:18px;align-items:start}.editor,.preview-panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.editor{min-height:800px}.progress{padding:18px;border-bottom:1px solid var(--line)}.progress>div:first-child{display:flex;justify-content:space-between}.progressbar{height:7px;background:#e8eef7;border-radius:10px;margin-top:8px;overflow:hidden}.progressbar i{display:block;height:100%;width:0;background:var(--blue);border-radius:10px}.editor-tools{display:flex;gap:7px;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.editor-tools button{padding:8px 11px;font-size:12px}.step-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--line);overflow:auto}.step-tabs button{border:0;background:#f4f7fb;padding:9px 12px;border-radius:9px;white-space:nowrap;cursor:pointer;font-weight:700;color:#64748b}.step-tabs button.active{background:var(--blue);color:#fff}.form-section{padding:20px}.form-section h2{margin:0 0 5px;font-size:21px}.form-section>p{margin:0 0 17px;color:var(--muted);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#475569}.field input,.field textarea,.field select{width:100%;border:1px solid #d7e0ec;border-radius:10px;padding:11px 12px;outline:none;background:#fff;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#78a2ee;box-shadow:0 0 0 3px #e9f0ff}.repeat-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin:12px 0;background:#fbfdff}.repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeat-head b{font-size:14px}.small-actions{display:flex;gap:5px}.small-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 8px;cursor:pointer}.add-btn{width:100%;border:1px dashed #8db0eb;background:#f5f9ff;color:var(--blue);border-radius:11px;padding:11px;font-weight:800;cursor:pointer;margin-top:7px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.palette{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d6dfec;cursor:pointer}.swatch.active{box-shadow:0 0 0 2px #0f172a}.preview-toolbar{display:flex;justify-content:center;gap:6px;padding:10px;border-bottom:1px solid var(--line);background:#fbfdff;position:sticky;top:76px;z-index:5}.preview-toolbar button{padding:7px 11px}.preview-toolbar select{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff}.paper-wrap{background:#e8eef6;min-height:900px;padding:34px;overflow:auto;display:flex;justify-content:center}.resume-paper{width:794px;min-height:1123px;background:#fff;box-shadow:0 10px 35px rgba(15,35,65,.16);padding:48px;color:#172033;transform-origin:top center}.resume-header{border-bottom:3px solid var(--accent,#2563eb);padding-bottom:18px;margin-bottom:20px}.resume-name{font-size:34px;line-height:1.1;font-weight:800;margin:0}.resume-title{font-size:15px;color:var(--accent,#2563eb);font-weight:800;margin-top:5px}.contact-row{display:flex;flex-wrap:wrap;gap:8px 18px;color:#526176;font-size:10.5px;margin-top:12px}.resume-columns{display:grid;grid-template-columns:1fr 2fr;gap:28px}.resume-paper.single .resume-columns{display:block}.resume-section{margin-bottom:18px}.resume-section h3{font-size:11px;letter-spacing:1.8px;color:var(--accent,#2563eb);text-transform:uppercase;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #dce5f0}.resume-section p{font-size:10.5px;line-height:1.55;margin:0 0 6px;color:#334155}.resume-item{margin-bottom:13px}.resume-item h4{font-size:11.5px;margin:0;font-weight:800}.resume-item .meta{font-size:9.5px;color:#64748b;margin:2px 0 5px}.resume-item ul{padding-left:16px;margin:5px 0}.resume-item li{font-size:10px;margin:2px 0;line-height:1.45}.skill-pills{display:flex;flex-wrap:wrap;gap:5px}.skill-pill{background:#edf3ff;color:var(--accent,#2563eb);padding:4px 7px;border-radius:5px;font-size:9px;font-weight:700}
.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h2{color:var(--ink)}.info-page{max-width:1000px;margin:auto;padding:70px 5%}.info-page h1{font-size:42px}.info-page p,.info-page li{color:#526176}.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;margin:10px 0}.faq-item summary{font-weight:800;cursor:pointer}.notfound{text-align:center;padding:120px 20px}
.dark{--ink:#e8eef9;--muted:#9eabc0;--line:#29364c;--bg:#0c1422;--card:#111c2d;--soft:#172947}.dark .topbar{background:rgba(12,20,34,.96)}.dark .hero{background:radial-gradient(circle at 75% 25%,#172c50,transparent 35%),#0c1422}.dark .hero-card,.dark .mini-resume,.dark .card,.dark .editor,.dark .preview-panel,.dark .repeat-card,.dark .field input,.dark .field textarea,.dark .field select,.dark .template-card,.dark .add-btn,.dark .btn,.dark .icon-btn,.dark .editor-tools button,.dark .small-actions button,.dark .preview-toolbar,.dark .preview-toolbar select{background:#111c2d;color:var(--ink);border-color:#29364c}.dark .paper-wrap{background:#0a111d}.dark .mainnav{color:#aebbd0}.dark .resume-paper{color:#172033;background:#fff}
@media(max-width:1100px){.builder-grid{grid-template-columns:1fr}.preview-panel{order:2}.template-grid{grid-template-columns:repeat(3,1fr)}.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.mainnav{display:none}.mobile-only{display:block}.hero-inner{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.builder-head{align-items:start;flex-direction:column}.builder-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.resume-paper{width:794px}.paper-wrap{justify-content:flex-start}.topbar{padding:0 16px}.brand span{font-size:15px}.head-actions{flex-wrap:wrap}}
@media(max-width:520px){.template-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.hero{padding:55px 20px}.section{padding:50px 20px}.hero h1{letter-spacing:-2px}.builder-shell{padding:18px 8px}.resume-paper{transform:scale(.72);transform-origin:top left;margin-right:-220px;margin-bottom:-300px}.paper-wrap{min-height:700px;padding:15px}.footer{padding:30px 20px}}
@media print{body{background:#fff}.topbar,.footer,.builder-head,.editor,.preview-toolbar{display:none!important}.builder-shell{padding:0}.builder-grid{display:block}.preview-panel{border:0}.paper-wrap{padding:0;background:#fff;display:block;min-height:0}.resume-paper{box-shadow:none;transform:none!important;margin:0;width:794px;min-height:1123px}}