@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
    --navy:#123b6d; --navy-d:#0f3158; --navy-dd:#0c2747;
    --gold:#b9852d; --gold-l:#d2a14a; --orange:#f99c00;
    --ivory:#f7f5ef; --paper:#fbfaf6; --ink:#1e1e1e; --ink-soft:#43464e; --line:#e4ddcc;
  }
  *{margin:0;padding:0;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  body{font-family:'Inter',system-ui,sans-serif;}
  /* bezpečné zóny: hore 200 px (meno účtu), dole 250 px (nálepky a odpověď) */
  .page{width:1080px;height:1920px;position:relative;overflow:hidden;
    display:flex;flex-direction:column;justify-content:flex-end;padding:200px 84px 260px;}

  /* --- fotografické stories: foto + navy overlay (design manuál: text vždy na overlayi) --- */
  .foto{position:absolute;inset:0;background-size:cover;background-position:center;}
  .foto::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,
      rgba(12,39,71,.62) 0%,
      rgba(12,39,71,.48) 34%,
      rgba(12,39,71,.86) 66%,
      rgba(12,39,71,.96) 100%);}
  .obsah{position:relative;z-index:2;}

  .navy{background:linear-gradient(160deg,#16447e 0%,var(--navy) 40%,var(--navy-d) 76%,var(--navy-dd) 100%);color:var(--ivory);}
  .light{background:linear-gradient(168deg,var(--paper) 0%,var(--ivory) 62%,#f1ede3 100%);color:var(--ink);}
  .foto-page{color:var(--ivory);}

  .bar{position:absolute;top:0;left:0;width:100%;height:12px;z-index:3;
    background:linear-gradient(90deg,var(--gold) 0%,var(--orange) 55%,var(--gold) 100%);}
  .navy .bar,.foto-page .bar{background:linear-gradient(90deg,var(--orange) 0%,var(--gold) 50%,var(--ivory) 100%);opacity:.95;}

  /* hlavička: logo + názov série */
  .hlava{position:absolute;top:110px;left:84px;right:84px;z-index:3;
    display:flex;justify-content:space-between;align-items:center;}
  .hlava img{height:62px;width:auto;}
  .seria{font-size:23px;letter-spacing:.26em;text-transform:uppercase;font-weight:800;color:var(--gold);}
  .foto-page .seria,.navy .seria{color:var(--orange);}

  h1{font-size:86px;font-weight:900;line-height:1.04;letter-spacing:-2.6px;}
  .light h1{color:var(--navy);}
  h1 .accent{color:var(--gold);} .navy h1 .accent,.foto-page h1 .accent{color:var(--gold-l);}
  p{font-size:34px;line-height:1.45;margin-top:32px;}
  .light p{color:var(--ink-soft);} .navy p,.foto-page p{color:#dbe5f2;}

  .krok{border:3px solid var(--gold);border-radius:20px;background:rgba(185,133,45,.09);padding:44px 42px;margin-top:40px;}
  .krok .lbl{font-size:22px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--gold);}
  .krok .txt{font-size:40px;line-height:1.3;font-weight:700;color:var(--navy);margin-top:18px;}

  .citat{font-size:56px;line-height:1.24;font-weight:800;letter-spacing:-1.2px;}
  .kto{margin-top:40px;padding-top:28px;border-top:3px solid rgba(210,161,74,.45);}
  .kto .meno{font-size:32px;font-weight:800;color:var(--gold-l);}
  .kto .firma{font-size:26px;font-weight:600;color:#9fb1cd;margin-top:8px;}
  .cislo-box{margin-top:30px;display:inline-block;border:3px solid var(--gold-l);border-radius:16px;
    padding:20px 28px;font-size:30px;font-weight:800;color:#fff;}
  .cislo-box b{color:var(--gold-l);font-size:38px;}

  .anketa{margin-top:40px;border-radius:20px;background:rgba(255,255,255,.14);
    border:2px solid rgba(255,255,255,.30);padding:34px 36px;backdrop-filter:blur(2px);}
  .anketa .lbl{font-size:22px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--orange);}
  .anketa .otazka{font-size:36px;line-height:1.3;font-weight:700;color:#fff;margin-top:14px;}
  .anketa .pozn{font-size:24px;color:#c8d5e8;margin-top:18px;}

  .pata{position:absolute;bottom:170px;left:84px;right:84px;z-index:3;
    display:flex;justify-content:flex-end;font-size:24px;font-weight:800;letter-spacing:.12em;color:var(--gold);}
  .navy .pata,.foto-page .pata{color:var(--gold-l);}

/* Anketa na světlém podkladu — bez fotky je bílá průhledná plocha neviditelná. */
.light .anketa{background:rgba(18,59,109,.06);border:2px solid var(--line);backdrop-filter:none;}
.light .anketa .lbl{color:var(--gold);}
.light .anketa .otazka{color:var(--navy);}
.light .anketa .pozn{color:var(--ink-soft);}