*{box-sizing:border-box}
:root{
  --bg:#eef2f7;--card:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --primary:#2563eb;--primary-dark:#1d4ed8;--premium:#111827;--gold:#f59e0b;
  --success:#16a34a;--danger:#dc2626;--shadow:0 24px 80px rgba(15,23,42,.12);--radius:22px;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0f172a 0,#111827 320px,var(--bg) 321px);color:var(--text)}
button,input,textarea{font:inherit}.bg-blur{position:fixed;border-radius:999px;filter:blur(50px);opacity:.35;pointer-events:none}.bg-blur-1{width:280px;height:280px;background:#3b82f6;top:80px;left:5%}.bg-blur-2{width:240px;height:240px;background:#f59e0b;top:220px;right:8%}
.hero{max-width:1240px;margin:auto;padding:22px 18px 10px;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 10px 30px rgba(37,99,235,.4)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link{color:rgba(255,255,255,.78);text-decoration:none;font-weight:700}.hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:60px 0 36px}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#bfdbfe;background:rgba(255,255,255,.06);font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:18px 0 16px;letter-spacing:0}.hero-copy p{max-width:670px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.7}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trust-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);font-weight:700;font-size:13px}.hero-card{display:grid;gap:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:18px;backdrop-filter:blur(14px)}.hero-cv-sample{background:#fff;color:var(--text);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.sample-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.sample-photo{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:900;font-size:20px}.sample-top strong{display:block;font-size:22px}.sample-top span,.sample-section span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sample-section{margin-top:16px}.sample-section p{margin:6px 0 0;color:#334155;line-height:1.55}.sample-skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sample-skills span{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900}.score-card{background:#fff;color:var(--text);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.score-label{color:var(--muted);font-weight:800;font-size:13px}.score-card strong{display:block;font-size:42px;line-height:1;margin:8px 0}.progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#16a34a);transition:width .25s}.score-card p{color:var(--muted);line-height:1.5;margin:12px 0 0}
.testimonials-section{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 18px 14px}.testimonials-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.testimonial-proof,.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.stars{color:var(--gold);font-size:20px;letter-spacing:1px}.testimonial-proof strong{display:block;margin-top:8px;font-size:18px}.testimonial-card p{margin:0 0 10px;color:#1e293b;font-weight:800;line-height:1.45}.testimonial-card span{color:var(--muted);font-weight:800}.container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:18px;display:grid;grid-template-columns:1.04fr .96fr;gap:20px;align-items:start}.card{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:22px 22px 0}.section-kicker{display:block;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.section-head h2{margin:4px 0 6px;font-size:22px}.section-head p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.form-body{padding:22px}.template-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.template-option{display:block;margin:0;padding:12px 10px;border:1px solid var(--line);border-radius:14px;text-align:center;cursor:pointer;background:#fff;color:#475569}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-option span{font-size:12px;font-weight:900}.template-option.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}label{display:block;font-size:13px;color:#475569;font-weight:800;margin-bottom:7px}label span{color:var(--danger)}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;color:var(--text);outline:none;transition:.18s;border-bottom-width:2px}input[type=file]{padding:10px;background:#f8fafc}textarea{min-height:102px;resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.btn{border:0;border-radius:14px;padding:14px 16px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:transform .05s ease,filter .18s ease,background .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#fff;color:#111827}.btn-premium{background:linear-gradient(135deg,#111827,#020617);color:#fff}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}.btn-light{background:#f1f5f9;color:#0f172a}.btn-small{padding:10px 12px;background:#f1f5f9;color:#0f172a;font-size:13px}.btn-mini{padding:8px 10px;border-radius:12px;font-size:12px;white-space:nowrap}.btn-ai{background:#eef2ff;color:#3730a3}.hint{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.preview-wrap{padding:22px}.preview-section{position:sticky;top:16px}.preview-sheet{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);padding:24px;min-height:760px}.preview-photo{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:18px;background:#dbeafe;color:#1d4ed8;font-weight:900;font-size:22px;overflow:hidden}.preview-photo img{width:100%;height:100%;object-fit:cover}.pv-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.p-name{font-size:30px;line-height:1.05;margin:0;letter-spacing:0}.p-title{margin-top:7px;color:var(--primary);font-weight:800}.pv-contact{text-align:right;color:var(--muted);font-size:12.5px;line-height:1.55;max-width:38%;word-break:break-word}.p-divider{height:3px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#93c5fd,#e2e8f0);margin:18px 0}.block{margin-top:16px}.block h4{margin:0 0 8px;color:#111827;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.block p{margin:0;color:#1e293b;white-space:pre-wrap;line-height:1.65;font-size:13.5px}.grid-2-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skill-preview{display:flex;flex-wrap:wrap;gap:8px;color:#1e293b}.skill-preview span{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.template-modern .p-title{color:#0284c7}.template-modern .p-divider{background:linear-gradient(90deg,#0284c7,#67e8f9,#e2e8f0)}.template-modern .skill-preview span{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.template-executive .p-title{color:#92400e}.template-executive .p-divider{background:linear-gradient(90deg,#92400e,#fbbf24,#e5e7eb)}.template-executive .skill-preview span{background:#fffbeb;color:#92400e;border-color:#fde68a}.template-tech .p-title{color:#0f766e}.template-tech .p-divider{background:linear-gradient(90deg,#0f766e,#2dd4bf,#e2e8f0)}.template-tech .skill-preview span{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.template-creative .p-title{color:#be185d}.template-creative .p-divider{background:linear-gradient(90deg,#be185d,#f0abfc,#e2e8f0)}.template-creative .skill-preview span{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}.online-card{max-width:1204px;margin:6px auto 22px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.online-card h2{margin:0 0 8px}.online-card p{margin:0;color:var(--muted);line-height:1.65}.online-card code{background:#f1f5f9;color:#0f172a;padding:2px 6px;border-radius:7px}.modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.68);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal{position:relative;width:100%;max-width:460px;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.38)}.modal h3{margin:0 0 8px;font-size:24px}.modal p{color:var(--muted);line-height:1.55}.modal .btn{width:100%;margin-top:10px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;width:34px;height:34px;border-radius:999px;cursor:pointer;font-size:24px;line-height:1}footer{text-align:center;color:#64748b;padding:18px 10px 34px;font-size:13px}
.premium-price-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:6px 0 12px;background:linear-gradient(135deg,#fef3c7,#fff);border:1px solid rgba(245,158,11,.4);border-radius:16px;padding:16px;color:#111827}.premium-price-card span{display:block;color:#92400e;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.premium-price-card strong{grid-row:1 / span 2;grid-column:2;font-size:34px;line-height:1}.premium-price-card p{margin:0;color:#475569;line-height:1.45;font-size:14px}.profession-examples{margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.mini-heading{display:block;margin-bottom:10px;color:#334155;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.profession-buttons{display:flex;flex-wrap:wrap;gap:9px}.profession-buttons button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;padding:9px 12px;font-size:13px;font-weight:900;cursor:pointer}.profession-buttons button:hover{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.pricing-compare{margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.pricing-compare table{width:100%;border-collapse:collapse}.pricing-compare th,.pricing-compare td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;font-size:14px}.pricing-compare th:first-child,.pricing-compare td:first-child{text-align:left}.pricing-compare th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.pricing-compare tr:last-child td{border-bottom:0}.pricing-compare td:first-child{font-weight:800;color:#1e293b}
.language-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08)}.lang-btn{border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.76);padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer}.lang-btn.active{background:#fff;color:#0f172a}
.preview-sheet{position:relative;display:grid;grid-template-columns:34% 66%;gap:0;padding:0;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 18px 60px rgba(15,23,42,.16);min-height:860px}.preview-sheet::before{content:"";position:absolute;inset:0 auto 0 0;width:34%;background:linear-gradient(160deg,#082e62,#021b3b);z-index:0}.preview-sheet>*{position:relative;z-index:1}.pv-top{grid-column:1/-1;display:grid;grid-template-columns:34% 66%;gap:0;padding:42px 38px 24px}.preview-photo{grid-column:1;align-self:start;justify-self:center;width:150px;height:150px;border:4px solid #fff;border-radius:999px;background:#dbeafe;color:#0b2f63;box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:36px}.pv-top>div:nth-child(2){grid-column:2;align-self:start;padding-left:34px}.p-name{font-size:56px;line-height:.95;color:#082a59;text-transform:uppercase;font-weight:950}.p-title{margin-top:12px;color:#0f5ebd;font-size:21px;font-weight:900}.pv-contact{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;max-width:none;text-align:left;padding:26px 0 0 34px;color:#111827;font-size:14px}.pv-contact div::before{content:"";display:inline-block;width:22px;height:22px;margin-right:10px;border-radius:999px;background:#082e62;vertical-align:middle}.p-divider{grid-column:2;height:4px;width:76px;margin:-10px 0 12px 72px;background:#0f5ebd}.block,.grid-2-preview{position:relative;z-index:1}.block:has(#p-summary),.grid-2-preview{grid-column:1;padding:24px 28px 0;color:#fff}.block:has(#p-summary){padding-top:18px}.grid-2-preview{display:block;padding-bottom:24px}.block:has(#p-experience),.block:has(#p-education),.block:has(#p-projects),.block:has(#p-skills){grid-column:2;padding:16px 38px 0 42px}.block h4{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#082a59;font-size:20px;letter-spacing:0;text-transform:uppercase}.block h4::before{content:"";width:34px;height:34px;border-radius:999px;background:#0f5ebd;box-shadow:inset 0 0 0 9px rgba(255,255,255,.18)}.block h4::after{content:"";height:1px;background:#082a59;flex:1;margin-left:4px}.block p{font-size:15.5px;line-height:1.62;color:#111827}.block:has(#p-summary) h4,.grid-2-preview h4{color:#fff;font-size:18px}.block:has(#p-summary) h4::before,.grid-2-preview h4::before{background:#fff;box-shadow:inset 0 0 0 9px #dbeafe}.block:has(#p-summary) h4::after,.grid-2-preview h4::after{background:rgba(255,255,255,.72)}.block:has(#p-summary) p,.grid-2-preview p{color:#fff;font-size:15px}.block:has(#p-skills){padding-bottom:44px}.skill-preview{gap:10px}.skill-preview span{border-radius:8px;background:#fff;color:#0f5ebd;border:1px solid #0f5ebd;min-width:92px;text-align:center;padding:10px 14px;font-size:13px}.block:has(#p-summary)+.block{margin-top:0}.preview-section .preview-wrap{background:#f8fafc}
@media(max-width:980px){.hero-content,.container,.testimonials-inner{grid-template-columns:1fr}.preview-section{position:static}.grid-2,.template-picker{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-actions{flex-wrap:wrap;justify-content:flex-end}.pv-top{flex-direction:column}.pv-contact{text-align:left;max-width:100%}.grid-2-preview,.btn-row{grid-template-columns:1fr}.preview-sheet{min-height:auto}.hero{padding-top:16px}.hero-content{padding-top:34px}.online-card{margin-left:18px;margin-right:18px}.label-row{align-items:flex-start;flex-direction:column}.btn-mini{width:100%}.profession-buttons{display:grid;grid-template-columns:1fr 1fr}.profession-buttons button{width:100%;padding-left:8px;padding-right:8px}.pricing-compare th,.pricing-compare td{padding:10px 8px;font-size:13px}.language-switch{order:-1}}
@media(max-width:980px){.preview-sheet{display:block;padding:22px}.preview-sheet::before{display:none}.pv-top{display:flex;padding:0;gap:16px}.preview-photo{width:96px;height:96px;border-color:#dbeafe}.pv-top>div:nth-child(2){padding-left:0}.p-name{font-size:32px}.p-title{font-size:16px}.pv-contact{display:block;padding:0;color:var(--muted);font-size:13px}.pv-contact div{margin-top:4px}.p-divider{width:100%;margin:18px 0;background:linear-gradient(90deg,#2563eb,#93c5fd,#e2e8f0)}.block:has(#p-summary),.grid-2-preview,.block:has(#p-experience),.block:has(#p-education),.block:has(#p-projects),.block:has(#p-skills){padding:16px 0 0;color:var(--text)}.block h4,.block:has(#p-summary) h4,.grid-2-preview h4{color:#111827;font-size:13px;letter-spacing:.13em}.block h4::before,.block h4::after{display:none}.block p,.block:has(#p-summary) p,.grid-2-preview p{color:#1e293b}.skill-preview span{min-width:auto}}