/* 2026-08-26: compact, modern marketing layer inspired by the requested reference. */
:root {
  --offer-blue: #0b55d4;
  --offer-blue-dark: #072554;
  --offer-red: #ed2b36;
  --offer-surface: #f3f5f8;
}

body { background: var(--offer-surface); }

.header {
  box-shadow: 0 8px 26px rgba(8, 25, 55, .07);
  border: 0;
}
.header.is-scrolled { box-shadow: 0 10px 30px rgba(8, 25, 55, .11); }
.site-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #101a2e;
  text-decoration: none;
  min-width: 208px;
}
.site-brand__mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--offer-red), #c71625);
  box-shadow: 0 8px 18px rgba(237, 43, 54, .23);
  color: #fff;
  font: 900 20px/1 system-ui, sans-serif;
  transform: skew(-7deg);
}
.site-brand__mark::after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 6px;
  width: 17px;
  height: 5px;
  border-radius: 8px;
  background: var(--offer-blue);
}
.site-brand__copy { display: flex; min-width: 0; flex-direction: column; line-height: 1.02; }
.site-brand__name {
  font: 800 16px/1.08 var(--font-main), system-ui, sans-serif;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.site-brand__sub {
  margin-top: 5px;
  color: #6b7484;
  font: 700 8px/1 var(--font-main), system-ui, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.hero {
  width: min(1380px, calc(100% - 32px));
  margin: 18px auto 0;
  border-radius: 28px;
  min-height: 690px;
  padding: 68px 0 74px;
  box-shadow: 0 24px 65px rgba(5, 24, 58, .18);
}
.hero::before {
  background: linear-gradient(90deg, rgba(4, 22, 55, .98) 0%, rgba(4, 22, 55, .90) 46%, rgba(4, 22, 55, .50) 100%);
}
.hero__bg { opacity: .48; filter: contrast(1.04) saturate(.9) brightness(.72); }
.hero__inner { gap: 54px; }
.hero__badge {
  clip-path: none;
  border-radius: 999px;
  padding: 9px 16px;
  background: rgba(237, 43, 54, .95);
  box-shadow: none;
  letter-spacing: .09em;
}
.hero__title {
  max-width: 760px;
  font-size: clamp(44px, 5.15vw, 74px);
  line-height: .99;
  letter-spacing: -.045em;
}
.hero__subtitle {
  max-width: 670px;
  margin-bottom: 13px;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.24;
  color: #fff;
}
.hero__subtitle b { color: #fff; }
.hero__fineprint {
  max-width: 650px;
  margin: 0 0 26px;
  color: rgba(255, 255, 255, .67);
  font-size: 11px;
  line-height: 1.45;
}
.hero__buttons { margin-bottom: 27px; }
.hero__perk {
  border-radius: 15px;
  padding: 17px 18px;
  background: rgba(255, 255, 255, .10);
  border-color: rgba(255, 255, 255, .17);
  backdrop-filter: blur(9px);
}
.hero__perk-check {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: var(--offer-blue);
  box-shadow: none;
}
.hero__perk-num { font-size: 19px; }
.hero__perk-lbl { color: rgba(255, 255, 255, .72); }

.btn,
.btn--primary,
.btn--lg,
.btn--xl {
  border-radius: 10px;
  letter-spacing: .025em;
  box-shadow: none;
}
.btn--primary { background: var(--offer-blue); }
.btn--primary:hover {
  background: #0749bd;
  transform: translateY(-2px);
  box-shadow: 0 11px 25px rgba(11, 85, 212, .28);
}
.btn--primary:active { transform: translateY(0); box-shadow: none; }

.lead-form {
  border: 0;
  border-radius: 20px;
  padding: 34px;
  box-shadow: 0 24px 60px rgba(3, 17, 44, .26);
}
.lead-form__title { font-size: 27px; }
.form__field input { border-radius: 10px; border-width: 1px; }
.form__field input:focus { box-shadow: 0 0 0 3px rgba(11, 85, 212, .14); border-color: var(--offer-blue); }

.section { padding: 82px 0; }
.section__eyebrow {
  padding-left: 0;
  color: var(--offer-blue);
  font-family: var(--font-main), system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: .11em;
}
.section__eyebrow::before { display: none; }
.section__title { letter-spacing: -.035em; }
.section__head--center .section__title::before { display: none; }
.vacancy,
.who__item,
.condition,
.card,
.step,
.faq__item,
.benefits__list li {
  border-radius: 16px;
}
.vacancy {
  border-left: 1px solid var(--c-border);
  overflow: hidden;
}
.vacancy:hover { border-left-color: var(--offer-blue); transform: translateY(-5px); }
.vacancy__icon { border-radius: 12px; }
.vacancy__price {
  border: 0;
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--offer-blue);
  background: rgba(11, 85, 212, .08);
}
.payouts__big {
  border: 0;
  border-radius: 22px;
  background: linear-gradient(145deg, var(--offer-blue), #0638a0);
}
.payouts__big-num { font-family: var(--font-main), system-ui, sans-serif; font-weight: 800; }
.card { box-shadow: 0 12px 30px rgba(15, 35, 70, .07); }
.midcta__box,
.finalcta__box { border: 0; border-radius: 22px; }
.offer-fineprint {
  margin: 24px 0 0;
  max-width: 980px;
  color: #737d8e;
  font-size: 12px;
  line-height: 1.5;
}
.footnote-link { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 1100px) {
  .site-brand { min-width: 170px; }
  .site-brand__name { font-size: 14px; }
  .header__nav { gap: 18px; }
  .hero { min-height: 0; }
}

@media (max-width: 820px) {
  .hero { width: 100%; margin-top: 0; border-radius: 0; padding-top: 50px; }
  .hero::before { background: linear-gradient(180deg, rgba(4, 22, 55, .91), rgba(4, 22, 55, .98)); }
  .hero__title { font-size: clamp(40px, 10vw, 58px); }
  .site-brand__mark { width: 37px; height: 37px; flex-basis: 37px; border-radius: 11px; }
}

@media (max-width: 640px) {
  .site-brand__name { font-size: 13px; }
  .site-brand__sub { font-size: 7px; }
  .hero { padding: 42px 0 52px; }
  .hero__title { font-size: 39px; }
  .hero__subtitle { font-size: 20px; }
  .hero__fineprint { font-size: 10px; }
  .hero__perk { border-radius: 13px; }
  .lead-form { border-radius: 17px; padding: 24px; }
  .section { padding: 62px 0; }
  .conditions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .condition { min-width: 0; padding: 18px 14px; }
  .condition__title { overflow-wrap: anywhere; }
  .tabs { min-width: 0; max-width: 100%; overflow: hidden; }
  .tabs__nav { max-width: 100%; }
}