/* Открытка на память (макет: «Сделать открытку на память»). Открытка собирается на
   стеле: слоган и имя участника на плашке, ниже иллюстрация выбранного варианта. */

.card-back { position: absolute; left: 32px; top: 226px; white-space: pre; cursor: pointer;
  font-weight: 500; font-size: 28px; line-height: 1.2; color: rgba(255,255,255,0.85); }
.card-title { position: absolute; left: 32px; top: 290px; width: 776px;
  font-weight: 700; font-size: 48px; line-height: 1.16; color: #fff; }

.card-preview { position: absolute; left: 150px; top: 380px; width: 800px; padding: 28px 36px;
  box-sizing: border-box; border-radius: 20px;
  background: rgba(255,255,255,0.14); backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.22); }
.card-top { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.card-logo-ros { height: 46px; flex: 0 0 auto; }
.card-logo-vef { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.card-logo-vef img { height: 40px; }
.card-slogan { margin-top: 24px; font-weight: 500; font-size: 34px; line-height: 1.2; color: #fff; }
.card-name { margin-top: 18px; font-weight: 700; font-size: 36px; line-height: 1.15; color: #fff; }
.card-role { margin-top: 6px; font-weight: 400; font-size: 26px; color: rgba(255,255,255,0.7); }

.card-art { position: absolute; left: 160px; top: 700px; width: 760px; height: 480px;
  object-fit: cover; border-radius: 16px; box-shadow: 0 18px 30px rgba(6,16,29,0.45); }

.card-variants { position: absolute; left: 160px; top: 1215px; width: 760px; justify-content: center; }

.card-qr-card { position: absolute; left: 360px; top: 1300px; width: 360px; padding: 24px;
  box-sizing: border-box; border-radius: var(--nd-r-card); background: #fff;
  display: flex; flex-direction: column; align-items: center; gap: 16px; }
.card-qr { width: 260px; height: 260px; display: block; }
.card-qr-cap { font-weight: 500; font-size: 26px; color: var(--nd-ink); }