:root{--ink:#172a31;--muted:#6f8085;--teal:#007d75;--teal2:#e8f8f2;--bg:#f7f9f7;--line:#dfebe7;--white:#fff;--shadow:0 14px 48px rgba(14,49,42,.075)}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{max-width:1180px;padding:0 26px;margin:auto}.top{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center}.top .container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{font-weight:850;font-size:23px;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.logo-mark{width:34px;height:36px;border-radius:9px;background:var(--teal);color:white;display:grid;place-items:center;font-weight:800;font-size:18px}.nav{display:flex;gap:32px;color:#52676a;font-weight:600;font-size:14px;align-items:center}.btn{border:0;background:var(--teal);color:white;border-radius:9px;padding:12px 20px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn:hover{background:#006961}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:9px 16px;font-size:13px}.hero{background:radial-gradient(circle at 78% 30%,#dff4ea 0,transparent 32%),linear-gradient(145deg,#f1faf4,#f8fbf7);padding:83px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;border-radius:60px;background:#ddf4e9;color:#09766b;font-size:12px;font-weight:800;letter-spacing:.5px;padding:8px 13px;text-transform:uppercase}.hero h1{font-size:clamp(43px,5.4vw,71px);letter-spacing:-3.7px;line-height:1.065;margin:20px 0;color:#173638}.hero h1 span{color:var(--teal)}.hero p{color:#65787a;font-size:18px;max-width:510px}.hero .actions{display:flex;gap:12px;margin:27px 0 17px}.trust{font-size:13px;color:#7c9092;display:flex;align-items:center;gap:9px}.check{color:var(--teal);font-weight:900}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:475px}.decor{position:absolute;border-radius:50%;background:#cbeedf;width:400px;height:400px;filter:blur(1px)}.paper-mock{position:relative;background:white;width:315px;min-height:423px;box-shadow:0 24px 70px #15524827;transform:rotate(5deg);border:1px solid #e4ecea;padding:30px 28px;font-size:8px}.paper-mock h2{font-size:27px;letter-spacing:-1px;margin:0}.paper-mock .role{font-size:11px;color:#27867f;margin:0 0 15px}.paper-mock .sample-bar{height:5px;border-radius:10px;background:#dce8e5;margin:7px 0}.paper-mock h3{color:#047d77;font-size:10px;border-bottom:1px solid #dde8e6;padding-bottom:6px;margin:16px 0 9px}.paper-mock .two{display:flex;justify-content:space-between;gap:15px}.floating{position:absolute;background:#fff;padding:13px 17px;border-radius:13px;box-shadow:var(--shadow);font-size:13px;font-weight:750;display:flex;gap:10px;align-items:center}.floating.one{top:68px;left:4%}.floating.two{right:0;bottom:53px}.section{padding:76px 0}.section h2{font-size:38px;letter-spacing:-1.7px;text-align:center;margin:8px 0 10px}.subtitle{text-align:center;color:var(--muted);max-width:610px;margin:0 auto 40px;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature,.price{background:white;padding:26px;border-radius:16px;border:1px solid var(--line)}.feature .symbol{width:49px;height:49px;background:#e6f7ef;color:var(--teal);border-radius:12px;font-size:24px;display:grid;place-items:center}.feature h3{font-size:19px;margin:18px 0 8px}.feature p,.price p{color:var(--muted);margin:0}.pricing{background:#eaf5ef}.prices{display:grid;grid-template-columns:repeat(2,minmax(0,370px));justify-content:center;gap:20px}.price{padding:35px}.price.featured{border:2px solid var(--teal)}.price h3{margin:0;font-size:19px}.price .amount{font-size:43px;font-weight:850;letter-spacing:-2px;margin:13px 0}.price .amount small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}.price ul{padding-left:20px;line-height:2.4;color:#48605e;margin-bottom:22px}.price .btn{width:100%}.footer{background:#173737;color:#e8f5f0;padding:30px 0}.footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer span{font-size:13px;color:#acc8c1}
/* Application */
.app{display:none;min-height:calc(100vh - 74px)}body.editing .marketing{display:none}body.editing .app{display:block}body.editing .site-nav{display:none}.appbar{background:white;border-bottom:1px solid var(--line);padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.appbar .left,.appbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.appbar .save{font-size:12px;color:var(--muted)}.builder{display:grid;grid-template-columns:minmax(345px,440px) minmax(480px,1fr);min-height:calc(100vh - 138px)}.editor{padding:24px 26px;background:#fff;border-right:1px solid var(--line);max-height:calc(100vh - 138px);overflow:auto}.editor h2{font-size:24px;margin:0 0 3px;letter-spacing:-.7px}.editor .caption{font-size:13px;color:var(--muted);margin-bottom:23px}.editor .section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;margin-bottom:13px}.section-heading h3{font-size:15px;margin:0}.field{margin:0 0 12px}.field label{display:block;font-size:12px;font-weight:700;color:#526b69;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #d7e3de;border-radius:8px;padding:10px 12px;outline:none;background:white;color:var(--ink)}.field textarea{resize:vertical;min-height:78px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #007d7514}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.add{background:#eef8f3;border:1px solid #ccebdd;color:var(--teal);padding:9px 13px;border-radius:8px;font-weight:750;width:100%}.entry{border:1px solid #e2ebe6;border-radius:10px;padding:13px;margin:10px 0;background:#fbfdfb}.entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;font-weight:750}.remove{background:none;border:0;color:#af4c4c;font-size:12px}.preview-zone{background:#e8efeb;padding:28px;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:15px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;width:min(100%,794px);flex-wrap:wrap}.toolbar label{font-size:12px;color:#647873;font-weight:750}.toolbar select{border:1px solid #cbded6;border-radius:8px;padding:8px;background:#fff}.resume-page{background:white;width:794px;min-height:1123px;padding:61px 64px;color:#242f33;box-shadow:0 10px 40px #1b48471f;transform-origin:top center;font:13px/1.55 Arial,sans-serif}.resume-page h1{font-size:34px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-1px}.resume-page .job-title{margin:8px 0;color:#087d79;font-size:16px}.resume-page .contact{font-size:11px;color:#617275;margin:16px 0 24px;overflow-wrap:anywhere}.resume-page h2{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#007d75;border-bottom:1px solid #bddad2;padding:0 0 7px;margin:24px 0 11px}.resume-page .line{display:flex;justify-content:space-between;gap:20px}.resume-page h3{font-size:13px;margin:0 0 3px}.resume-page .date{font-size:11px;color:#7a8988;white-space:nowrap}.resume-page .body-copy{white-space:pre-line;overflow-wrap:anywhere;color:#425153;margin:4px 0}.resume-page .item{margin-bottom:14px;break-inside:avoid}.resume-page.classic{font-family:Georgia,serif}.resume-page.classic h1{font-family:Georgia,serif}.resume-page.classic h2{color:#223d44;border-bottom:2px solid #223d44}.resume-page.classic .job-title{color:#4a5e60}.resume-page.minimal h2{color:#333;border-bottom:1px solid #aaa;font-weight:900}.resume-page.minimal .job-title{color:#536064}.resume-page.minimal h1{font-weight:500}.notice{background:#fff9e9;border:1px solid #f1dfaf;border-radius:8px;padding:10px 13px;font-size:12px;color:#7c6429;max-width:794px;width:100%}.hidden{display:none!important}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:400px}.features{grid-template-columns:1fr}.builder{grid-template-columns:1fr}.editor{max-height:none}.preview-zone{overflow-x:auto;align-items:flex-start}.appbar{gap:8px}.nav{gap:10px}.nav a:not(.btn){display:none}}@media(max-width:600px){.hero{padding:50px 0}.hero h1{letter-spacing:-2px}.hero-art{transform:scale(.83);margin:-45px 0}.prices{grid-template-columns:1fr}.footer .container{flex-direction:column}.form-grid{grid-template-columns:1fr}.appbar .save{display:none}}
@media print{@page{size:A4;margin:0}html,body{background:#fff!important;margin:0!important}.top,.appbar,.editor,.toolbar,.notice,.marketing{display:none!important}.app,.builder,.preview-zone{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:white!important}.resume-page{width:210mm;min-height:297mm;box-shadow:none!important;transform:none!important;padding:16mm 17mm;break-inside:auto}.resume-page .item{break-inside:avoid}body:not(.editing) .app{display:none!important}}


/* FOLIOCV PREMIUM STUDIO — SCREEN EXPERIENCE */
@media screen {
  body.editing {
    --ink: #142c30;
    --teal: #087d73;
    --line: #dfe9e5;
    background: #edf2f0;
  }

  body.editing .appbar {
    padding: 14px 22px;
    background: #fff;
    border-bottom: 1px solid #e1e8e5;
  }

  body.editing .appbar strong {
    font-size: 14px;
    letter-spacing: -.3px;
  }

  body.editing .appbar .btn {
    border-radius: 9px;
  }

  body.editing .builder {
    display: grid;
    grid-template-columns: 226px minmax(305px, 340px) minmax(0, 1fr);
    min-height: calc(100vh - 138px);
  }

  .city-rail {
    max-height: calc(100vh - 138px);
    overflow-y: auto;
    padding: 27px 15px;
    background: #f5f8f6;
    border-right: 1px solid #dfe8e3;
    scrollbar-width: thin;
  }

  .city-rail__eyebrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    letter-spacing: 1.4px;
    color: #53746b;
    font-weight: 850;
  }

  .city-rail__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0b9f91;
  }

  .city-rail h2 {
    font-size: 23px;
    letter-spacing: -1px;
    line-height: 1.12;
    margin: 19px 0 10px;
    color: #173535;
  }

  .city-rail__intro {
    font-size: 12px;
    line-height: 1.65;
    color: #6d807b;
    margin: 0 0 27px;
  }

  .city-rail__heading {
    color: #82918d;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
  }

  .city-list {
    display: grid;
    gap: 11px;
  }

  .city-option {
    width: 100%;
    text-align: left;
    padding: 11px;
    background: white;
    border: 1px solid #e0e8e4;
    border-radius: 14px;
    color: #183235;
    box-shadow: 0 2px 10px #113f3210;
    transition: border-color .2s, box-shadow .2s, transform .2s;
  }

  .city-option:hover {
    border-color: #6fb9a9;
    box-shadow: 0 7px 20px #174e3b1a;
    transform: translateY(-1px);
  }

  .city-option:focus-visible {
    outline: 3px solid #65b9a7;
    outline-offset: 3px;
  }

  .city-option[aria-pressed="true"] {
    background: #f2fbf7;
    border: 2px solid #087d73;
    padding: 10px;
    box-shadow: 0 7px 22px #006d5220;
  }

  .city-option__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    color: #778b83;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .45px;
    margin-bottom: 11px;
  }

  .city-option__state {
    color: #087d73;
    letter-spacing: 0;
  }

  .city-option__body {
    display: flex;
    gap: 11px;
    align-items: flex-start;
  }

  .city-option__info {
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
    flex: 1;
  }

  .city-option__info strong {
    font-size: 12px;
    line-height: 1.25;
  }

  .city-option__info > span {
    color: #087d73;
    font-size: 10px;
    font-weight: 750;
  }

  .city-option__info small {
    color: #82918b;
    font-size: 10px;
    line-height: 1.45;
  }

  .city-paper {
    flex: 0 0 57px;
    width: 57px;
    height: 79px;
    padding: 8px 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: white;
    border: 1px solid #e0e5e7;
    box-shadow: 0 3px 9px #122e3720;
  }

  .city-paper__name {
    width: 75%;
    height: 5px;
    background: #25424b;
  }

  .city-paper__sub {
    width: 55%;
    height: 3px;
    background: #6a817d;
  }

  .city-paper__rule {
    width: 100%;
    height: 2px;
    margin-top: 4px;
    background: #d5e1de;
  }

  .city-paper__line {
    width: 100%;
    height: 2px;
    background: #b9c7c4;
  }

  .city-paper__line.short {
    width: 68%;
  }

  .city-paper--berlin .city-paper__name {
    background: #172b32;
  }

  .city-paper--berlin .city-paper__rule {
    background: #a7b5b3;
  }

  .city-paper--kl .city-paper__name {
    background: #087d73;
  }

  .city-paper--kl .city-paper__rule {
    background: #8bc9b7;
  }

  .city-paper--sg {
    font-family: Georgia, serif;
  }

  .city-paper--sg .city-paper__name {
    background: #263b5e;
  }

  .city-paper--sg .city-paper__rule {
    background: #657795;
  }

  .city-rail__tip {
    margin-top: 23px;
    padding: 15px 13px;
    background: #e8f4ee;
    border-radius: 12px;
    color: #376257;
    font-size: 11px;
    line-height: 1.6;
  }

  .city-rail__tip strong {
    display: block;
    margin-bottom: 5px;
    color: #174c3e;
  }

  .city-rail__disclaimer {
    font-size: 10px;
    line-height: 1.6;
    color: #899993;
    margin-top: 13px;
  }

  body.editing .editor {
    padding: 27px 22px;
    background: #fff;
    border-right: 1px solid #e3eae6;
    scrollbar-width: thin;
  }

  body.editing .editor h2 {
    font-size: 21px;
    letter-spacing: -.8px;
  }

  body.editing .editor .caption {
    line-height: 1.65;
  }

  body.editing .editor .section-heading {
    margin-top: 26px;
    padding-top: 21px;
  }

  body.editing .editor .section-heading h3 {
    font-size: 13px;
  }

  body.editing .field input,
  body.editing .field textarea,
  body.editing .field select {
    border-radius: 9px;
    background: #fbfcfb;
    border-color: #dce6e0;
    transition: box-shadow .2s, border-color .2s;
  }

  body.editing .preview-zone {
    min-width: 0;
    padding: 25px 16px;
    background: radial-gradient(
      circle at 50% 15%,
      #f5faf7 0,
      #e6eeeb 68%,
      #dfeae6 100%
    );
  }

  body.editing .toolbar {
    padding: 11px 15px;
    background: #ffffffde;
    border: 1px solid #dce6e1;
    border-radius: 12px;
  }

  body.editing .resume-page {
    box-shadow: 0 22px 65px #183e3d24;
  }

  @media (max-width: 1180px) {
    body.editing .builder {
      grid-template-columns: minmax(0, 1fr);
    }

    body.editing .city-rail {
      max-height: none;
      overflow: visible;
      padding: 20px;
    }

    body.editing .city-list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.editing .editor {
      max-height: none;
    }
  }

  @media (max-width: 680px) {
    body.editing .city-list {
      grid-template-columns: 1fr;
    }

    body.editing .city-rail {
      padding: 20px 16px;
    }

    body.editing .editor {
      padding: 22px 16px;
    }

    body.editing .preview-zone {
      padding: 15px 10px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .city-option {
      transition: none;
    }
    .city-option:hover {
      transform: none;
    }
  }
}

@media print {
  .city-rail {
    display: none !important;
  }
}

/* FolioCV inline cloud save feedback */
@media screen {
  #cloudSaveBtn {
    transition: background .2s, opacity .2s;
  }

  #cloudSaveBtn:disabled {
    cursor: wait;
    opacity: .65;
  }

  .cloud-save-feedback {
    display: inline-flex;
    align-items: center;
    max-width: 270px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: #64748b;
  }

  .cloud-save-feedback[data-status="saved"] {
    color: #087d73;
  }

  .cloud-save-feedback[data-status="saving"] {
    color: #64748b;
  }

  .cloud-save-feedback[data-status="dirty"] {
    color: #7b6450;
  }

  .cloud-save-feedback[data-status="error"] {
    color: #b42318;
  }
}

/* FOLIOCV DONATION FRONT PAGE V1 */
.fc-support{position:relative;overflow:hidden;padding:100px 0;background:radial-gradient(ellipse at 0% 100%,#d5f3eb,transparent 39%),radial-gradient(ellipse at 100% 5%,#dbf6ee,transparent 43%),linear-gradient(120deg,#f3fbf8,#e9f7f2);color:#11263b}
.fc-support-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(28px,6vw,92px);align-items:center}
.fc-support-copy{max-width:650px}
.fc-support-eyebrow,.fc-donation-kicker{font-size:11px;font-weight:850;letter-spacing:.18em;color:#07867d}
.fc-support h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.5vw,59px);line-height:1.1;letter-spacing:-.04em;margin:20px 0 22px;color:#102238}
.fc-support-copy>p{max-width:560px;color:#506378;font-size:15px;line-height:1.8;margin:0 0 14px}
.fc-support-copy>.fc-support-lead{font-size:17px;color:#3b5367}
.fc-support-points{display:flex;flex-wrap:wrap;gap:12px 20px;margin:26px 0 32px;color:#08786d;font-weight:750;font-size:13px}
.fc-start-btn{display:inline-flex;align-items:center;gap:22px;padding:14px 20px;background:#007e77;border:1px solid #007e77;border-radius:10px;color:white;font-weight:800;box-shadow:0 12px 24px rgba(0,113,103,.16);cursor:pointer}
.fc-start-btn:hover,.fc-start-btn:focus-visible{background:#006962}
.fc-donation-card{position:relative;background:#fff;padding:46px 34px 30px;border:1px solid #d9eeea;border-radius:22px;box-shadow:0 20px 55px rgba(13,57,65,.11);text-align:center}
.fc-donation-icon{display:grid;place-items:center;width:66px;height:66px;margin:-76px auto 22px;border-radius:50%;background:#fff7f4;box-shadow:0 8px 25px rgba(24,55,58,.08);font-size:32px;color:#ef4e60}
.fc-donation-card h3{font-family:Georgia,'Times New Roman',serif;font-size:33px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}
.fc-donation-card>p:not(.fc-donation-footnote){color:#617184;font-size:14px;line-height:1.65;margin:0 auto 22px;max-width:310px}
.fc-donation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.fc-donation-options a{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:14px 8px;border:1px solid #d4e7e4;border-radius:10px;color:#153047;font-size:22px;font-weight:850;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.fc-donation-options a small{font-size:10px;font-weight:750;color:#6a8190}
.fc-donation-options a:hover,.fc-donation-options a:focus-visible{transform:translateY(-2px);border-color:#009487;box-shadow:0 4px 14px rgba(0,126,119,.12)}
.fc-donation-options a.fc-donation-favorite{background:#e6f9f2;border:2px solid #008c80}
.fc-paypal-btn{display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 15px;border-radius:10px;background:#ffd140;color:#153047;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 5px 14px rgba(210,159,0,.12)}
.fc-paypal-btn:hover,.fc-paypal-btn:focus-visible{background:#ffca20;color:#153047}
.fc-donation-footnote{font-size:11px!important;line-height:1.6!important;color:#718195!important;margin:14px 0 0!important}
.fc-donation-trust{border-top:1px solid #e7f0ef;margin-top:22px;padding-top:18px;font-size:12px;color:#526b72}
@media(min-width:900px){.marketing .hero h1{letter-spacing:-.055em}}
@media(max-width:780px){.fc-support{padding:74px 0}.fc-support-grid{grid-template-columns:minmax(0,1fr);gap:75px}.fc-support-copy{max-width:560px}.fc-donation-card{max-width:530px;width:100%;margin:0 auto}.fc-support h2{font-size:clamp(34px,8vw,49px)}}
@media(max-width:480px){.fc-support{padding:62px 0}.fc-donation-card{padding:44px 19px 24px}.fc-support-points{gap:10px}.fc-donation-options{gap:6px}.fc-donation-options a{font-size:20px;padding:13px 4px}.fc-donation-card h3{font-size:28px}}
@media print{.fc-support{display:none!important}}