/* Платформенные компоненты Swiss Pharmaceutical Tech.
   Наследует токены common.css: чёрный фон, золотые рамки и CTA,
   антиква в заголовках, тонкие карточки без тяжёлых теней. */

:root {
  --accent-blue: #00a8ff;
  --accent-green: #75c900;
  --accent-violet: #9b4dff;
  --accent-red: #ff7a7a;
}

html.telegram-mini-app,
html.telegram-mini-app body {
  min-height: 100%;
  background: #050505;
}

html.telegram-mini-app .footer,
html.telegram-mini-app .ambient {
  display: none !important;
}

html.telegram-mini-app .site-shell {
  min-height: 100vh;
  padding-top: max(10px, env(safe-area-inset-top));
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

html.telegram-mini-app .cabinet-main {
  padding-top: 0;
}

html.telegram-mini-app .auth-shell {
  width: min(100%, 680px);
  grid-template-columns: 1fr;
}

html.telegram-mini-app .auth-story {
  display: none;
}

/* ---------- герой внутренних страниц ---------- */

.page-hero {
  position: relative;
  width: min(var(--max), calc(100% - 90px));
  margin: 0 auto;
  padding: 64px 0 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 44px;
  align-items: center;
  border-bottom: 1px solid var(--line-soft);
}

.page-hero.single { grid-template-columns: minmax(0, 1fr); }

.page-hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4.6vw, 74px);
  line-height: 1.02;
  color: var(--gold-soft);
  margin: 18px 0;
}

.page-hero h1 .h-dim { color: #c9c4ba; }

.page-hero .lead {
  font-size: clamp(16px, 1.4vw, 21px);
  color: var(--text);
  max-width: 640px;
  margin-bottom: 26px;
}

.hero-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 22px 0 6px;
}

.hero-flow span {
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  padding: 9px 15px;
  font-size: 13px;
  color: var(--ivory);
  background: rgba(216, 155, 34, 0.06);
  white-space: nowrap;
}

.hero-flow i {
  color: var(--gold);
  font-style: normal;
  opacity: 0.7;
}

.hero-side-card {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 26px;
  display: grid;
  gap: 16px;
}

.hero-side-card h3 {
  font-family: Georgia, serif;
  color: var(--gold-soft);
  margin: 0;
  font-size: 22px;
}

/* ---------- универсальные блоки ---------- */

.p-section {
  width: min(var(--max), calc(100% - 90px));
  margin: 0 auto;
  padding: 58px 0;
}

.p-section > .section-head { margin-bottom: 34px; }

.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }

.p-card {
  position: relative;
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.p-card:hover { border-color: var(--line); }

.p-card h3 {
  font-family: Georgia, serif;
  font-size: 20px;
  color: var(--gold-soft);
  margin: 0;
}

.p-card p { color: var(--muted); margin: 0; font-size: 14.5px; line-height: 1.55; }

.p-card .icon { width: 30px; height: 30px; color: var(--gold-soft); }

.p-card.accent { border-color: color-mix(in srgb, var(--accent, var(--gold)) 45%, transparent); }

.num-badge {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--gold-soft);
  font-family: Georgia, serif;
  font-size: 19px;
}

.notice {
  border: 1px solid var(--line-soft);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius);
  background: rgba(216, 155, 34, 0.05);
  padding: 16px 20px;
  color: var(--text);
  font-size: 14px;
  line-height: 1.6;
}

.notice strong { color: var(--gold-soft); }

/* ---------- статусные чипы ---------- */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12.5px;
  letter-spacing: 0.03em;
  color: var(--ivory);
  background: rgba(216, 155, 34, 0.07);
  white-space: nowrap;
}

.chip.gold { color: var(--gold-soft); border-color: var(--line); }
.chip.green { color: var(--accent-green); border-color: rgba(117, 201, 0, 0.4); background: rgba(117, 201, 0, 0.07); }
.chip.blue { color: var(--accent-blue); border-color: rgba(0, 168, 255, 0.4); background: rgba(0, 168, 255, 0.07); }
.chip.violet { color: var(--accent-violet); border-color: rgba(155, 77, 255, 0.4); background: rgba(155, 77, 255, 0.08); }
.chip.red { color: var(--accent-red); border-color: rgba(255, 122, 122, 0.4); background: rgba(255, 122, 122, 0.07); }
.chip.dim { color: var(--muted); background: rgba(255, 255, 255, 0.03); }

/* ---------- тиры ---------- */

.tier-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }

.tier-card {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tier-card .tier-name {
  font-family: Georgia, serif;
  font-size: 24px;
  color: var(--ivory);
}

.tier-card.t-silver .tier-name { color: #d9d9d9; }
.tier-card.t-gold { border-color: var(--line); box-shadow: 0 0 34px rgba(216, 155, 34, 0.1); }
.tier-card.t-gold .tier-name { color: var(--gold-soft); }
.tier-card.t-black { background: #050505; border-color: rgba(240, 236, 228, 0.25); }
.tier-card.t-black .tier-name { color: var(--ivory); letter-spacing: 0.05em; }

.tier-card p { color: var(--muted); font-size: 14px; margin: 0; line-height: 1.55; }

.tier-reward {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
  color: var(--gold-soft);
  font-size: 14px;
}

/* ---------- скоринг ---------- */

.score-panel {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 26px;
  display: grid;
  gap: 16px;
}

.score-row { display: grid; gap: 7px; }

.score-row-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 14px;
  color: var(--ivory);
}

.score-row-head em { font-style: normal; color: var(--muted); font-size: 12px; }
.score-row-head strong { color: var(--gold-soft); font-size: 15px; }

.score-bar {
  height: 7px;
  border-radius: 999px;
  background: rgba(240, 236, 228, 0.08);
  overflow: hidden;
}

.score-bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bronze), var(--gold), var(--gold-soft));
  transition: width 0.9s cubic-bezier(0.22, 0.8, 0.36, 1);
}

.score-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid var(--line-soft);
  padding-top: 16px;
}

.score-total strong {
  font-family: Georgia, serif;
  font-size: 42px;
  color: var(--gold-soft);
  line-height: 1;
}

/* ---------- таблицы ---------- */

.table-wrap { overflow-x: auto; border: 1px solid var(--line-soft); border-radius: calc(var(--radius) * 2); background: var(--panel); }

.data-table { width: 100%; border-collapse: collapse; min-width: 640px; }

.data-table th {
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gold);
  padding: 14px 18px;
  border-bottom: 1px solid var(--line-soft);
  white-space: nowrap;
}

.data-table td {
  padding: 13px 18px;
  border-bottom: 1px solid rgba(216, 155, 34, 0.1);
  color: var(--text);
  font-size: 14px;
  vertical-align: middle;
}

.data-table tr:last-child td { border-bottom: 0; }
.data-table tr:hover td { background: rgba(216, 155, 34, 0.04); }
.data-table td strong { color: var(--ivory); font-weight: 600; }
.data-table .cell-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.mini-button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--gold-soft);
  font-size: 12.5px;
  padding: 7px 12px;
  cursor: pointer;
  min-height: 32px;
  white-space: nowrap;
}

.mini-button:hover { background: rgba(216, 155, 34, 0.12); }
.mini-button.solid { background: linear-gradient(180deg, var(--gold-soft), var(--bronze)); color: #050505; font-weight: 700; border: 0; }
.mini-button.danger { color: var(--accent-red); border-color: rgba(255, 122, 122, 0.4); }

/* ---------- визард ---------- */

.wizard {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2.4);
  background: var(--panel);
  padding: clamp(22px, 3.4vw, 44px);
}

.wizard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}

.wizard-dots { display: flex; align-items: center; gap: 8px; }

.wizard-dots span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid var(--line-soft);
  color: var(--muted);
  font-size: 13px;
  transition: 0.25s;
}

.wizard-dots span.active { border-color: var(--gold); color: var(--gold-soft); }
.wizard-dots span.current { background: linear-gradient(180deg, var(--gold-soft), var(--bronze)); color: #050505; font-weight: 700; }
.wizard-dots i { width: 18px; height: 1px; background: var(--line-soft); }

.wizard-counter { color: var(--muted); font-size: 13px; letter-spacing: 0.1em; }

[data-wizard-step] { display: none; }
[data-wizard-step].active { display: block; animation: wizard-in 0.35s ease; }

@keyframes wizard-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

.wizard h3 {
  font-family: Georgia, serif;
  color: var(--gold-soft);
  font-size: clamp(22px, 2.4vw, 32px);
  margin: 0 0 6px;
}

.wizard .step-note { color: var(--muted); margin: 0 0 22px; font-size: 14.5px; }

.wizard-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  align-items: center;
}

.wizard .form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.wizard .form label.full { grid-column: 1 / -1; }
.wizard .form label span { display: block; margin-bottom: 7px; color: var(--ivory); font-size: 13.5px; }
.wizard .form .error { color: var(--accent-red); font-size: 12px; min-height: 14px; display: block; margin-top: 4px; }

/* чипы-варианты */

.choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.choice-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.choice-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

[data-choice] {
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  background: rgba(240, 236, 228, 0.02);
  color: var(--text);
  padding: 14px;
  min-height: 52px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

[data-choice]:hover { border-color: var(--line); color: var(--ivory); }

[data-choice].selected {
  border-color: var(--gold);
  color: var(--gold-soft);
  background: rgba(216, 155, 34, 0.1);
  box-shadow: 0 0 18px rgba(216, 155, 34, 0.12);
}

[data-choice-group].attention [data-choice] { border-color: rgba(255, 122, 122, 0.55); }

.choice-hint { color: var(--muted); font-size: 12.5px; margin-top: 8px; }

/* ---------- роли партнёров ---------- */

.role-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }

.role-card {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  transition: 0.22s;
  text-align: left;
  color: var(--text);
}

.role-card:hover { transform: translateY(-3px); border-color: var(--line); }
.role-card.selected { border-color: var(--gold); box-shadow: 0 0 26px rgba(216, 155, 34, 0.14); }

.role-card h3 { font-family: Georgia, serif; color: var(--gold-soft); margin: 0; font-size: 20px; }
.role-card .role-sub { color: var(--muted); font-size: 13.5px; }
.role-card .role-offer { font-size: 14px; color: var(--text); line-height: 1.55; }

/* ---------- калькулятор ---------- */

.calc-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 26px;
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2.4);
  background: var(--panel);
  padding: clamp(22px, 3vw, 40px);
}

.calc-controls { display: grid; gap: 22px; }

.calc-row label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  color: var(--ivory);
  font-size: 14px;
  margin-bottom: 10px;
}

.calc-row output { color: var(--gold-soft); font-weight: 700; font-variant-numeric: tabular-nums; }

input[type="range"] {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold) var(--fill, 50%), rgba(240, 236, 228, 0.1) var(--fill, 50%));
  outline: none;
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--gold-soft), var(--bronze));
  border: 2px solid #050505;
  box-shadow: 0 0 14px rgba(216, 155, 34, 0.5);
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--gold-soft), var(--bronze));
  border: 2px solid #050505;
  cursor: pointer;
}

.calc-result {
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) * 2);
  background: radial-gradient(circle at 50% 0%, rgba(216, 155, 34, 0.14), transparent 70%), #060606;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.calc-result .eyebrow { margin-bottom: 4px; }

.calc-result strong.big {
  font-family: Georgia, serif;
  font-size: clamp(34px, 3.4vw, 52px);
  color: var(--gold-soft);
  line-height: 1;
}

.calc-result .calc-sub { color: var(--muted); font-size: 14px; }

.calc-formula {
  margin-top: auto;
  padding-top: 16px;
  color: var(--muted);
  font-size: 11.5px;
  font-family: Consolas, monospace;
  line-height: 1.6;
  word-break: break-word;
}

/* ---------- КП ---------- */

.kp-doc {
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) * 2.4);
  background: linear-gradient(180deg, #0a0906, #050505);
  padding: clamp(26px, 4vw, 52px);
  max-width: 860px;
  margin: 0 auto;
}

.kp-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  border-bottom: 1px solid var(--line-soft);
  padding-bottom: 22px;
  margin-bottom: 26px;
}

.kp-doc h2 { font-family: Georgia, serif; color: var(--gold-soft); font-size: clamp(26px, 3vw, 40px); margin: 8px 0 4px; }

.kp-rows { display: grid; gap: 0; }

.kp-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 18px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(216, 155, 34, 0.12);
}

.kp-row dt { color: var(--gold); font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; }
.kp-row dd { color: var(--text); margin: 0; font-size: 15px; line-height: 1.55; }
.kp-row dd strong { color: var(--ivory); }

.kp-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.kp-foot .kp-expires { color: var(--muted); font-size: 13px; }

/* ---------- статистика / кабинет ---------- */

.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }

.stat-card {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 20px 22px;
  display: grid;
  gap: 4px;
}

.stat-card .stat-value {
  font-family: Georgia, serif;
  font-size: clamp(26px, 2.6vw, 38px);
  color: var(--gold-soft);
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}

.stat-card .stat-label { color: var(--muted); font-size: 13px; }
.stat-card.alt .stat-value { color: var(--ivory); }

.link-card {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) * 2);
  background: rgba(216, 155, 34, 0.06);
  padding: 18px 20px;
}

.link-card code {
  font-family: Consolas, monospace;
  color: var(--gold-soft);
  font-size: 15px;
  word-break: break-all;
}

.qr-card {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 20px;
  display: grid;
  gap: 12px;
  justify-items: center;
  text-align: center;
}

.qr-card canvas { border-radius: 10px; width: 172px; height: 172px; image-rendering: pixelated; }
.qr-card p { color: var(--muted); font-size: 13px; margin: 0; }

.cab-tabs {
  display: flex;
  gap: 8px;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  padding: 6px;
  background: var(--panel);
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
}

.cab-tabs button {
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 10px;
  padding: 11px 20px;
  cursor: pointer;
  font-size: 14px;
  min-height: 44px;
  white-space: nowrap;
}

.cab-tabs button.active {
  background: linear-gradient(180deg, var(--gold-soft), var(--bronze));
  color: #050505;
  font-weight: 700;
}

[data-tab-panel] { display: none; }
[data-tab-panel].active { display: block; animation: wizard-in 0.3s ease; }

/* ---------- админка ---------- */

.admin-shell {
  width: min(var(--max), calc(100% - 90px));
  margin: 26px auto 60px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

.admin-nav {
  position: sticky;
  top: 110px;
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 12px;
  display: grid;
  gap: 4px;
}

.admin-nav button {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 10px;
  padding: 11px 14px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  min-height: 44px;
  width: 100%;
}

.admin-nav button:hover { color: var(--ivory); background: rgba(216, 155, 34, 0.07); }
.admin-nav button.active { background: rgba(216, 155, 34, 0.13); color: var(--gold-soft); }

.admin-nav .count {
  margin-left: auto;
  font-size: 11.5px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  padding: 2px 8px;
  color: var(--gold-soft);
}

.admin-main { display: grid; gap: 22px; min-width: 0; }

.admin-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.admin-title h2 { font-family: Georgia, serif; color: var(--gold-soft); font-size: clamp(24px, 2.6vw, 36px); margin: 0; }

.admin-panel {
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2);
  background: var(--panel);
  padding: 22px;
}

.admin-panel h3 { font-family: Georgia, serif; color: var(--gold-soft); margin: 0 0 14px; font-size: 19px; }

.admin-login {
  max-width: 420px;
  margin: 80px auto;
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2.4);
  background: var(--panel);
  padding: 36px;
  display: grid;
  gap: 16px;
}

.audit-list { display: grid; gap: 10px; max-height: 380px; overflow-y: auto; }

.audit-list article {
  display: flex;
  gap: 12px;
  align-items: baseline;
  border-bottom: 1px solid rgba(216, 155, 34, 0.08);
  padding-bottom: 10px;
  font-size: 13.5px;
}

.audit-list time { color: var(--muted); font-size: 12px; white-space: nowrap; }
.audit-list .who { color: var(--gold-soft); font-size: 12px; }

/* ---------- контент-календарь ---------- */

.cal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }

.cal-card {
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: rgba(240, 236, 228, 0.02);
  padding: 16px;
  display: grid;
  gap: 8px;
}

.cal-card .cal-when { color: var(--gold-soft); font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; }
.cal-card .cal-title { color: var(--ivory); font-size: 14.5px; line-height: 1.4; }
.cal-card .cal-meta { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; color: var(--muted); font-size: 12px; }

/* ---------- repurpose-цепочка / воронки ---------- */

.flow-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.flow-line span {
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  color: var(--text);
  background: rgba(240, 236, 228, 0.02);
}

.flow-line span.hot { border-color: var(--gold); color: var(--gold-soft); background: rgba(216, 155, 34, 0.08); }
.flow-line i { color: var(--gold); font-style: normal; opacity: 0.65; }

.funnel-card { border: 1px solid var(--line-soft); border-radius: calc(var(--radius) * 2); background: var(--panel); padding: 22px; display: grid; gap: 14px; }
.funnel-card header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.funnel-card header h3 { margin: 0; font-family: Georgia, serif; color: var(--gold-soft); font-size: 19px; }
.funnel-card .funnel-note { color: var(--muted); font-size: 13.5px; line-height: 1.55; }

/* ---------- три входа (главная) ---------- */

.entry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }

.entry-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) * 2.4);
  background: linear-gradient(180deg, rgba(216, 155, 34, 0.05), transparent 55%), var(--panel);
  padding: 30px 26px;
  color: var(--text);
  transition: 0.24s;
  overflow: hidden;
}

.entry-card::after {
  content: "›";
  position: absolute;
  right: 24px;
  top: 24px;
  color: var(--gold-soft);
  font-size: 26px;
  opacity: 0.6;
  transition: 0.24s;
}

.entry-card:hover { transform: translateY(-4px); border-color: var(--gold); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5), 0 0 30px rgba(216, 155, 34, 0.1); }
.entry-card:hover::after { transform: translateX(4px); opacity: 1; }

.entry-card .icon { width: 34px; height: 34px; color: var(--gold-soft); }

.entry-card h3 { font-family: Georgia, serif; font-size: 24px; color: var(--gold-soft); margin: 0; }
.entry-card p { color: var(--muted); margin: 0; font-size: 14.5px; line-height: 1.55; }

.entry-card .entry-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 14px; }

@media (max-width: 1180px) {
  .entry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .entry-grid { grid-template-columns: 1fr; }
}

/* ---------- FAQ ---------- */

.faq { display: grid; gap: 12px; max-width: 860px; }

.faq details {
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: var(--panel);
  padding: 0 20px;
}

.faq summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 0;
  color: var(--ivory);
  font-size: 15.5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 44px;
}

.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--gold-soft); font-size: 22px; }
.faq details[open] summary::after { content: "–"; }
.faq details p { color: var(--muted); padding-bottom: 18px; margin: 0; line-height: 1.6; }

/* ---------- success ---------- */

.success-state { text-align: center; display: grid; gap: 10px; justify-items: center; padding: 30px 10px; }
.success-state .icon { width: 44px; height: 44px; color: var(--gold-soft); }
.success-state h3 { font-family: Georgia, serif; color: var(--gold-soft); margin: 0; font-size: 24px; }
.success-state p { color: var(--muted); max-width: 460px; }

/* ---------- сравнение «что получает / что скрыто» ---------- */

.hidden-cell { color: var(--muted); }
.hidden-cell::before { content: "🔒 "; opacity: 0.7; }

/* ---------- печать КП ---------- */

@media print {
  body * { visibility: hidden; }
  .kp-doc, .kp-doc * { visibility: visible; }
  .kp-doc { position: absolute; inset: 0; border: 1px solid #999; background: #fff; }
  .kp-doc, .kp-doc dd, .kp-doc dt, .kp-doc p, .kp-doc h2, .kp-doc span, .kp-doc strong { color: #111 !important; }
  .kp-foot button, .kp-foot a { display: none !important; }
}

/* ---------- адаптив ---------- */

@media (max-width: 1180px) {
  .page-hero, .p-section, .admin-shell { width: calc(100% - 48px); }
  .grid-4, .tier-grid, .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-3, .role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-hero { grid-template-columns: 1fr; padding: 44px 0 40px; }
  .calc-panel { grid-template-columns: 1fr; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-nav {
    position: static;
    display: flex;
    overflow-x: auto;
    gap: 6px;
    padding: 8px;
  }
  .admin-nav button { white-space: nowrap; width: auto; }
  .admin-nav .count { margin-left: 6px; }
}

@media (max-width: 560px) {
  .page-hero, .p-section, .admin-shell { width: calc(100% - 32px); }
  .p-section { padding: 40px 0; }
  .grid-2, .grid-3, .grid-4, .role-grid { grid-template-columns: 1fr; }
  .tier-grid { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .choice-grid, .choice-grid.cols-4, .choice-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wizard .form { grid-template-columns: 1fr; }
  .kp-row { grid-template-columns: 1fr; gap: 4px; }
  .wizard { padding: 20px 16px; }
  .wizard-dots span { width: 30px; height: 30px; }
  .wizard-dots i { width: 10px; }
  .hero-flow span, .flow-line span { font-size: 12px; padding: 7px 11px; }
  .cab-tabs { width: 100%; }
  .cab-tabs button { flex: 1; padding: 11px 10px; }
  .data-table { min-width: 560px; }
}

/* ===== Этап 0: общий визуальный проход платформенных страниц ===== */

/* Декоры уровня главной (молекулы/DNA/частицы).
   mix-blend-mode: screen растворяет чёрный фон PNG,
   маска убирает жёсткие края кропа (как у .fx на index). */
.p-section { position: relative; }
.p-fx {
  position: absolute !important;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: screen;
  opacity: 1;
  filter: brightness(1.45) saturate(1.2) drop-shadow(0 0 18px rgba(255, 202, 77, .28));
  -webkit-mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 58%, rgba(0, 0, 0, .78) 80%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 58%, rgba(0, 0, 0, .78) 80%, transparent 100%);
}
.page-hero > div,
.page-hero > aside,
.p-section > *:not(.p-fx):not(.fx) { position: relative; z-index: 1; }
.p-fx-tr { top: -30px; right: -60px; width: 330px; }
.p-fx-bl { bottom: -50px; left: -70px; width: 360px; transform: rotate(12deg); }
.p-fx-dna { top: 8%; right: -80px; width: 210px; opacity: .8; }
.p-fx-particles { top: 20%; left: -60px; width: 300px; opacity: .85; }
.p-fx-tl { top: -30px; left: -60px; width: 300px; }
.p-fx-br { bottom: -40px; right: -60px; width: 330px; }
.p-fx-mid { top: 36%; left: -70px; width: 250px; opacity: .8; }
@media (max-width: 1180px) {
  .p-fx-tr { width: 240px; right: -40px; }
  .p-fx-bl { width: 260px; left: -50px; }
  .p-fx-dna { width: 170px; right: -50px; }
  .p-fx-particles { width: 240px; left: -46px; }
}
@media (max-width: 560px) {
  .p-fx { opacity: .95; }
  .p-fx-tr { width: 210px; right: -34px; }
  .p-fx-bl { width: 230px; left: -48px; }
  .p-fx-dna { width: 150px; right: -30px; }
  .p-fx-particles { width: 230px; left: -42px; }
  .p-fx-tl { width: 200px; left: -36px; }
  .p-fx-br { width: 220px; right: -44px; }
  .p-fx-mid { width: 190px; left: -40px; }
}

/* Кнопки в hero без инлайн-стилей */
.page-hero .hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}
.hero-side-card .p-card h3 { font-size: 17px; }

/* Согласие на обработку персональных данных под формами */
.consent-note {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}
.consent-note a { color: var(--gold-soft); text-decoration: underline; }

/* Печать КП: на бумагу уходит только документ, в светлой теме */
@media print {
  body * { visibility: hidden; }
  .kp-doc, .kp-doc * { visibility: visible; }
  .kp-doc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 24mm 18mm;
    border: none;
    box-shadow: none;
    background: #fff !important;
    color: #1c1a16 !important;
  }
  .kp-doc h2, .kp-doc .eyebrow, .kp-doc .kp-expires { color: #8a6410 !important; }
  .kp-doc .kp-row dt { color: #6b6559 !important; }
  .kp-doc .kp-row dd, .kp-doc .kp-row dd strong { color: #1c1a16 !important; }
  .kp-doc .chip { border-color: #8a6410; color: #8a6410; background: none; }
  .kp-doc .gold-button, .kp-doc .ghost-button, .kp-doc button { display: none !important; }
  .kp-doc .kp-head { border-color: #d9cba4; }
}

/* На мобилке в консультации уже есть privacy-note — согласие не дублируем */
@media (max-width: 560px) {
  .consultation-panel .consent-note { display: none; }
}

/* ===== Экраны ТЗ §13: анимации декоров и компоненты (ПК-проход) ===== */

/* Живые декоры: молекулы и DNA плавно дрейфуют */
@keyframes pfxFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-16px) rotate(2deg); }
}
@keyframes pfxFloatAlt {
  0%, 100% { transform: translateY(0) rotate(12deg); }
  50% { transform: translateY(14px) rotate(9deg); }
}
@keyframes pfxSway {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(12px); }
}
.p-fx-tr { animation: pfxFloat 14s ease-in-out infinite; }
.p-fx-bl { animation: pfxFloatAlt 18s ease-in-out infinite; }
.p-fx-dna { animation: pfxSway 16s ease-in-out infinite; }
.p-fx-particles { animation: pfxFloat 20s ease-in-out infinite; }
.p-fx-tl { animation: pfxFloatMirror 15s ease-in-out infinite; }
.p-fx-br { animation: pfxFloatAltMirror 17s ease-in-out infinite; }
.p-fx-mid { animation: pfxSway 18s ease-in-out infinite; }
@keyframes pfxFloatMirror {
  0%, 100% { transform: translateY(0) scaleX(-1) rotate(0deg); }
  50% { transform: translateY(-14px) scaleX(-1) rotate(-2deg); }
}
@keyframes pfxFloatAltMirror {
  0%, 100% { transform: translateY(0) scaleX(-1) rotate(-8deg); }
  50% { transform: translateY(12px) scaleX(-1) rotate(-5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .p-fx { animation: none !important; }
}

/* Карточка с иконкой — лёгкое свечение акцента при наведении */
.p-card.accent:hover {
  box-shadow: 0 0 26px color-mix(in srgb, var(--accent, var(--gold)) 16%, transparent);
}

/* Метрики списком (экраны 03 и 12 ТЗ) */
.metric-list { display: grid; }
.metric-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 2px;
  border-bottom: 1px solid rgba(240, 236, 228, .07);
  color: var(--muted);
  font-size: 13.5px;
}
.metric-row:last-child { border-bottom: 0; }
.metric-row b {
  color: var(--gold-soft);
  font-family: Georgia, serif;
  font-size: 19px;
  font-weight: 700;
}

/* График дохода в кабинете (экран 09): тонкая золотая линия */
.cab-chart { margin-top: 10px; }
.cab-chart svg { display: block; width: 100%; height: 130px; }
.cab-chart .chart-line {
  fill: none;
  stroke: url(#chartGold);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: chartDraw 1.4s ease-out .2s forwards;
}
.cab-chart .chart-area { fill: url(#chartFill); opacity: 0; animation: chartFade .8s ease-out .9s forwards; }
.cab-chart .chart-dot { fill: #ffca4d; opacity: 0; animation: chartFade .4s ease-out 1.3s forwards; }
@keyframes chartDraw { to { stroke-dashoffset: 0; } }
@keyframes chartFade { to { opacity: 1; } }

/* Фото Греко в hero — лёгкое парение */
.greco-hero-img { animation: pfxFloat 12s ease-in-out infinite; }

/* Иконки ролей партнёров (экран 05 ТЗ) */
.role-card .icon {
  width: 38px;
  height: 38px;
  color: var(--accent, var(--gold-soft));
  margin-bottom: 2px;
}
.role-card:hover .icon { filter: drop-shadow(0 0 12px color-mix(in srgb, var(--accent, #ffca4d) 45%, transparent)); }

/* Декоры на карточке входа в админку */
.admin-login { position: relative; overflow: hidden; }
.admin-login .p-fx-tr { top: -50px; right: -70px; width: 240px; opacity: .6; }
.admin-login .p-fx-dna { bottom: -40px; top: auto; left: -50px; right: auto; width: 160px; opacity: .5; }
.admin-login > *:not(.p-fx) { position: relative; z-index: 1; }

/* ===== Мобильные версии платформенных страниц (≤560px) ===== */
@media (max-width: 560px) {
  /* Компактная CTA в хедере — бургер всегда в экране */
  a.header-cta.gold-button {
    min-height: 38px;
    padding: 0 12px;
    font-size: 11px;
    letter-spacing: .02em;
    white-space: nowrap;
  }

  /* Таблицы превращаются в карточки — без горизонтального скролла */
  .table-wrap { border: 0; overflow: visible; }
  .data-table { min-width: 0; width: 100%; border-collapse: separate; }
  .data-table thead { display: none; }
  .data-table tbody { display: grid; gap: 10px; }
  .data-table tr {
    display: grid;
    gap: 5px;
    padding: 13px 15px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: rgba(255, 255, 255, .018);
  }
  .data-table td { display: block; padding: 0; border: 0; }
  .data-table td:first-child { color: var(--gold-soft); font-size: 15px; }

  /* Админка: ничего не распирает сетку, навигация — горизонтальная лента */
  .admin-shell { grid-template-columns: 1fr; }
  .admin-main, .admin-main > *, .admin-panel { min-width: 0; max-width: 100%; }
  .admin-nav {
    position: static;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .admin-nav::-webkit-scrollbar { display: none; }
  .admin-nav button { white-space: nowrap; flex: 0 0 auto; }

  /* Тач-таргеты ссылок футера */
  .footer-links a, .footer-links .footer-line { padding: 7px 0; }

  /* График дохода в кабинете — компактнее */
  .cab-chart svg { height: 96px; }
}

/* Калькулятор дохода: на узких экранах в одну колонку */
@media (max-width: 760px) {
  .calc-panel { grid-template-columns: 1fr; }
  .calc-panel * { min-width: 0; }
}

/* Оптовая форма: две колонки на ПК, одна на мобильных */
.wholesale-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
@media (max-width: 700px) {
  .wholesale-form { grid-template-columns: 1fr; }
}

/* ===== Кнопки на мобильных: во всю ширину, по центру, без тесных переносов ===== */
@media (max-width: 560px) {
  .page-hero .hero-actions { flex-direction: column; align-items: stretch; }

  .p-section .gold-button,
  .p-section .ghost-button,
  .p-section .outline-button,
  .page-hero .gold-button,
  .page-hero .ghost-button {
    width: 100%;
    justify-content: center;
    text-align: center;
    gap: 10px;
    min-height: 52px;
    padding: 13px 20px;
    line-height: 1.25;
    white-space: normal;
  }

  /* В визарде «Назад» компактная, основная кнопка тянется */
  .wizard-actions { gap: 10px; }
  .wizard-actions .ghost-button { width: auto; flex: 0 0 auto; padding: 13px 16px; }
  .wizard-actions .gold-button { width: auto; flex: 1 1 auto; }

  /* КП: кнопки в столбик во всю ширину */
  .kp-foot > div { width: 100%; flex-direction: column; }
  .kp-foot .gold-button, .kp-foot .ghost-button { width: 100%; }

  /* Боковое меню: воздух между пунктами и CTA */
  .mobile-menu-panel > .gold-button { margin-top: 24px; }
}

/* ===== Личный кабинет: серверная авторизация и клиентский профиль ===== */

[hidden] { display: none !important; }

.cabinet-page .site-shell { min-height: 100vh; }

.cabinet-main {
  min-height: calc(100vh - 104px);
  position: relative;
}

.account-loading {
  width: min(420px, calc(100% - 32px));
  min-height: 58vh;
  margin: 0 auto;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 16px;
  color: var(--muted);
  text-align: center;
}

.account-loading p { margin: 0; font-size: 13px; letter-spacing: .04em; }

.auth-loader {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line-soft);
  border-top-color: var(--gold-soft);
  animation: authSpin .9s linear infinite;
  box-shadow: 0 0 24px rgba(216, 155, 34, .14);
}

@keyframes authSpin { to { transform: rotate(360deg); } }

.auth-shell {
  width: min(1240px, calc(100% - 64px));
  min-height: 720px;
  margin: 34px auto 74px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(460px, .72fr);
  border: 1px solid var(--line-soft);
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 14%, rgba(216, 155, 34, .11), transparent 30%),
    #060605;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .58), 0 0 80px rgba(216, 155, 34, .045);
}

.auth-story {
  position: relative;
  min-width: 0;
  padding: clamp(48px, 5vw, 78px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-right: 1px solid var(--line-soft);
}

.auth-story > *:not(.p-fx) { position: relative; z-index: 1; }

.auth-story h1 {
  margin: 18px 0 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 400;
  line-height: .98;
  color: var(--ivory);
  letter-spacing: -.035em;
}

.auth-story h1 span { color: var(--gold-soft); }

.auth-story-lead {
  max-width: 590px;
  margin: 0;
  color: var(--text);
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.62;
}

.auth-benefits {
  max-width: 600px;
  margin-top: 46px;
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(216, 155, 34, .14);
}

.auth-benefits article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  align-items: start;
  padding: 19px 0;
  border-bottom: 1px solid rgba(216, 155, 34, .14);
}

.auth-benefit-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line-soft);
  border-radius: 50%;
  color: var(--gold);
  font-family: Georgia, serif;
  font-size: 12px;
}

.auth-benefits strong { display: block; color: var(--ivory); font-size: 15px; margin: 1px 0 5px; }
.auth-benefits p { color: var(--muted); font-size: 13px; line-height: 1.55; margin: 0; }

.auth-security-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 34px 0 0;
  color: #8f8a80;
  font-size: 11.5px;
  line-height: 1.5;
}

.auth-security-note span { color: var(--gold); font-size: 9px; }

.auth-card {
  position: relative;
  align-self: stretch;
  padding: clamp(36px, 4.2vw, 62px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 22%),
    rgba(9, 9, 8, .94);
  min-width: 0;
}

.auth-card-head h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
  color: var(--gold-soft);
  font-weight: 400;
  margin: 8px 0 10px;
}

.auth-card-head > p:last-child { color: var(--muted); font-size: 13.5px; margin: 0; }
.auth-card-head { margin-bottom: 28px; }

.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 28px 0 24px;
  padding: 4px;
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
}

.auth-tabs button {
  min-height: 42px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: .2s ease;
  font-size: 13.5px;
}

.auth-tabs button.active {
  color: #080705;
  background: linear-gradient(180deg, var(--gold-soft), var(--bronze));
  box-shadow: 0 6px 18px rgba(216, 155, 34, .13);
  font-weight: 700;
}

.auth-message {
  padding: 12px 14px;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 122, 122, .34);
  border-radius: 10px;
  background: rgba(255, 122, 122, .06);
  color: #ffadad;
  font-size: 12.5px;
  line-height: 1.55;
}

.auth-message.success {
  border-color: rgba(117, 201, 0, .32);
  background: rgba(117, 201, 0, .055);
  color: #a9e55b;
}

.auth-form { display: none; }
.auth-form.active { display: grid; gap: 17px; animation: wizard-in .28s ease; }
.auth-stack { display: grid; gap: 14px; }

.auth-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.auth-field { display: grid; gap: 7px; min-width: 0; }
.auth-field-full { grid-column: 1 / -1; }

.auth-field > span:first-child {
  color: var(--ivory);
  font-size: 12.5px;
  line-height: 1.3;
}

.auth-field > span:first-child em {
  color: var(--muted);
  font-size: 10.5px;
  font-style: normal;
  margin-left: 5px;
}

.auth-field input,
.auth-field select {
  width: 100%;
  height: 49px;
  border: 1px solid rgba(216, 155, 34, .22);
  border-radius: 10px;
  padding: 0 14px;
  outline: 0;
  background: rgba(240, 236, 228, .025);
  color: var(--ivory);
  transition: border-color .2s, box-shadow .2s, background .2s;
}

.auth-field select {
  appearance: none;
  padding-right: 40px;
  background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);
  background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.auth-field select option { background: #11110f; color: var(--ivory); }

.auth-field input::placeholder { color: #666159; opacity: 1; }

.auth-field input:focus,
.auth-field select:focus {
  border-color: var(--gold);
  background: rgba(216, 155, 34, .035);
  box-shadow: 0 0 0 3px rgba(216, 155, 34, .08);
}

.auth-field input[readonly] {
  color: var(--muted);
  cursor: not-allowed;
  background: rgba(255, 255, 255, .012);
}

.auth-field.invalid input,
.auth-field.invalid select { border-color: rgba(255, 122, 122, .72); }
.auth-field small,
.auth-consent-error {
  min-height: 13px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.35;
}

.auth-field.invalid small,
.auth-consent-error:not(:empty) { color: var(--accent-red); }
.auth-checkbox-error { display: block; min-height: 0; margin-top: -9px; color: var(--accent-red); font-size: 10.5px; }

.password-control { position: relative; display: block; }
.password-control input { padding-right: 82px; }

.password-control button {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: var(--gold);
  font-size: 10.5px;
  padding: 7px;
  cursor: pointer;
}

.auth-row { display: flex; align-items: center; gap: 12px; }
.auth-row-end { justify-content: flex-end; margin-top: -7px; }

.auth-text-button,
.auth-back {
  border: 0;
  background: transparent;
  color: var(--gold-soft);
  padding: 0;
  cursor: pointer;
  font-size: 12px;
}

.auth-back { justify-self: start; margin-bottom: 2px; color: var(--muted); }
.auth-back:hover, .auth-text-button:hover { color: var(--ivory); }

.auth-submit {
  width: 100%;
  min-height: 52px;
  margin-top: 1px;
  justify-content: center;
}

.auth-submit[disabled],
.account-save[disabled] {
  cursor: wait;
  opacity: .68;
  transform: none !important;
}

.auth-divider {
  position: relative;
  height: 20px;
  display: grid;
  place-items: center;
  color: #6f6b63;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.auth-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(216, 155, 34, .14);
}

.auth-divider span { position: relative; padding: 0 12px; background: #090908; }

.telegram-login-box {
  min-height: 78px;
  display: grid;
  justify-items: stretch;
  gap: 11px;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(0, 136, 204, .24);
  border-radius: 12px;
  background: rgba(0, 136, 204, .035);
  text-align: center;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.telegram-login-box p { margin: 0; color: var(--text); font-size: 12px; }
.telegram-login-box small { color: #77736c; font-size: 10.5px; line-height: 1.45; max-width: 350px; }
.telegram-login-box.is-connected {
  border-color: rgba(117, 201, 0, .42);
  background: rgba(117, 201, 0, .045);
  box-shadow: 0 0 0 3px rgba(117, 201, 0, .035);
}
.telegram-registration-box { margin-top: 2px; }
.telegram-widget { min-height: 44px; width: 100%; display: grid; align-items: stretch; }
.telegram-widget iframe { max-width: 100%; }

.telegram-auth-button {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border: 1px solid rgba(73, 183, 232, .48);
  border-radius: 10px;
  background: linear-gradient(180deg, #38aee8, #168dcc);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 136, 204, .16);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  text-decoration: none;
}

.telegram-auth-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 11px 28px rgba(0, 136, 204, .24);
}

.telegram-auth-button:disabled {
  cursor: wait;
  opacity: .65;
  transform: none;
}

.telegram-auth-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
}

.telegram-auth-state {
  max-width: 350px;
  margin-top: 10px;
  color: #82cceb;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.telegram-auth-state a {
  color: #b9e8fa;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.telegram-auth-state.error { color: #ffabab; }
.telegram-auth-state.success { color: #a9e55b; }
.telegram-connection-error {
  min-height: 13px;
  color: var(--accent-red) !important;
  font-size: 10.5px !important;
}

.telegram-widget-fallback {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.auth-consent {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
  color: var(--muted);
  font-size: 10.8px;
  line-height: 1.5;
  cursor: pointer;
}

.auth-consent input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--gold);
}

.auth-consent a,
.auth-support a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 3px; }

.auth-mode-switch { margin: 2px 0 0; color: var(--muted); font-size: 11.5px; text-align: center; }
.auth-mode-switch button { border: 0; padding: 2px 4px; background: transparent; color: var(--gold-soft); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.sms-stub-notice { padding: 14px 16px; border: 1px solid rgba(216,155,34,.28); border-radius: 11px; background: rgba(216,155,34,.055); }
.sms-stub-notice strong { color: var(--gold-soft); font-size: 12px; }
.sms-stub-notice p { margin: 6px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.5; }
.sms-stub-notice b { color: var(--ivory); font-size: 15px; letter-spacing: .12em; }

.auth-form-note {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.6;
}

.auth-support {
  margin: 22px 0 0;
  color: #77736c;
  font-size: 10.5px;
  text-align: center;
}

.telegram-profile-preview {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 17px 18px;
  margin-bottom: 2px;
  border: 1px solid rgba(0, 136, 204, .27);
  border-radius: 12px;
  background: rgba(0, 136, 204, .04);
}

.telegram-profile-preview strong { display: block; color: var(--ivory); font-size: 13px; }
.telegram-profile-preview small { display: block; color: #60b8e3; margin-top: 4px; font-size: 11px; }

.telegram-access-intro {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(216, 155, 34, .18);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(216, 155, 34, .06), rgba(0, 136, 204, .025));
}

.telegram-access-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(180deg, #38aee8, #168dcc);
  box-shadow: 0 10px 28px rgba(0, 136, 204, .2);
}

.telegram-access-icon img { width: 29px; height: 29px; object-fit: contain; }
.telegram-access-intro strong { display: block; color: var(--ivory); font-size: 14px; }
.telegram-access-intro p { margin: 6px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.55; }

.telegram-access-points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.telegram-access-points li {
  position: relative;
  padding-left: 21px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.telegram-access-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #75c900;
  font-weight: 700;
}

.telegram-registration-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
}

.telegram-registration-steps li {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(216, 155, 34, .1);
  border-radius: 10px;
  background: rgba(255, 255, 255, .012);
  transition: border-color .2s ease, background .2s ease;
}

.telegram-registration-steps li > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(216, 155, 34, .24);
  color: #77736c;
  font-size: 11px;
}

.telegram-registration-steps strong { display: block; color: var(--text); font-size: 11.5px; }
.telegram-registration-steps small { display: block; margin-top: 2px; color: #716d65; font-size: 9.5px; line-height: 1.4; }
.telegram-registration-steps li.is-active { border-color: rgba(0, 136, 204, .4); background: rgba(0, 136, 204, .045); }
.telegram-registration-steps li.is-active > span { border-color: #38aee8; color: #83d2f4; box-shadow: 0 0 16px rgba(0, 136, 204, .18); }
.telegram-registration-steps li.is-done { border-color: rgba(117, 201, 0, .26); background: rgba(117, 201, 0, .025); }
.telegram-registration-steps li.is-done > span { border-color: rgba(117, 201, 0, .5); background: rgba(117, 201, 0, .1); color: #a9e55b; }

.telegram-registration-status {
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(0, 136, 204, .25);
  border-radius: 11px;
  background: rgba(0, 136, 204, .04);
}

.registration-status-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #38aee8;
  box-shadow: 0 0 0 5px rgba(56, 174, 232, .08);
  animation: registrationPulse 1.6s ease-in-out infinite;
}

@keyframes registrationPulse {
  50% { opacity: .45; transform: scale(.8); }
}

.telegram-registration-status strong { display: block; color: #b9e8fa; font-size: 11.5px; }
.telegram-registration-status small { display: block; margin-top: 3px; color: var(--muted); font-size: 9.8px; }
.telegram-registration-status.is-complete { border-color: rgba(117, 201, 0, .35); background: rgba(117, 201, 0, .045); }
.telegram-registration-status.is-complete .registration-status-dot { background: #75c900; box-shadow: 0 0 0 5px rgba(117, 201, 0, .08); animation: none; }
.telegram-registration-status.is-complete strong { color: #a9e55b; }
.telegram-registration-status.is-error { border-color: rgba(255, 122, 122, .34); background: rgba(255, 122, 122, .045); }
.telegram-registration-status.is-error .registration-status-dot { background: #ff7a7a; box-shadow: 0 0 0 5px rgba(255, 122, 122, .08); animation: none; }
.telegram-registration-status.is-error strong { color: #ffabab; }

.telegram-registration-action {
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.registration-qr-shell {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 9px;
  border-radius: 12px;
  background: #f7f3e9;
}

.registration-qr-shell canvas { width: 156px; height: 156px; max-width: 100%; }
.registration-qr-shell small { color: #5d574e; font-size: 8.5px; text-align: center; }
.registration-bot-action { display: flex; flex-direction: column; justify-content: center; gap: 12px; min-width: 0; }
.registration-bot-action p { margin: 0; color: var(--muted); font-size: 10.5px; line-height: 1.5; }
.registration-bot-action .auth-text-button { align-self: flex-start; }

.telegram-registration-privacy {
  margin: 0;
  color: #77736c;
  font-size: 9.5px;
  line-height: 1.5;
  text-align: center;
}

.telegram-registration-privacy a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 3px; }
.telegram-security-note { margin: 17px 0 0; color: var(--muted); font-size: 10.5px; line-height: 1.55; }

/* Авторизованная часть */

.account-shell {
  position: relative;
  width: min(var(--max), calc(100% - 90px));
  min-height: 700px;
  margin: 0 auto;
  padding: 48px 0 76px;
}

.account-shell > *:not(.p-fx) { position: relative; z-index: 1; }

.account-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 25px 0 30px;
  border-bottom: 1px solid var(--line-soft);
}

.account-person { display: flex; align-items: center; gap: 20px; min-width: 0; }

.account-avatar {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 211, 107, .32), transparent 45%),
    linear-gradient(145deg, #17130c, #070706);
  color: var(--gold-soft);
  font-family: Georgia, serif;
  font-size: 16px;
  box-shadow: 0 0 24px rgba(216, 155, 34, .12);
}

.account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-avatar-large { width: 72px; height: 72px; font-size: 22px; }

.account-person h1 {
  margin: 7px 0 5px;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--gold-soft);
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 400;
  line-height: 1.05;
}

.account-person h1 span { color: var(--ivory); }
.account-person p:last-child { margin: 0; color: var(--muted); font-size: 13.5px; }

.account-hero-actions { display: flex; align-items: center; gap: 12px; }
.account-live-chip i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.account-logout { min-height: 42px; padding: 0 18px; }

.account-tabs { margin-top: 28px; }
.account-panel { padding-top: 24px; }

.account-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 20px;
  margin-top: 20px;
}

.account-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.account-card-head .eyebrow { margin: 0 0 7px; }
.account-card-head h3 { margin: 0; }

.account-data-list { display: grid; gap: 0; margin: 4px 0 0; }

.account-data-list > div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(240, 236, 228, .07);
}

.account-data-list > div:last-child { border-bottom: 0; }
.account-data-list dt { color: var(--muted); font-size: 12px; }
.account-data-list dd { margin: 0; color: var(--ivory); font-size: 13.5px; word-break: break-word; }
.account-data-list a { color: var(--gold-soft); }

.account-link-summary { justify-content: flex-start; }
.account-link-summary > p { margin-top: 4px; }
.account-link-compact { margin: 6px 0; padding: 14px; }
.account-link-compact code { flex: 1; min-width: 0; font-size: 12px; }
.account-link-summary .outline-button { align-self: flex-start; margin-top: auto; }
.account-notice { margin-top: 20px; }

.account-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr);
  gap: 20px;
  align-items: start;
}

.account-profile-form { display: grid; gap: 16px; }
.account-profile-form .account-card-head { margin-bottom: 4px; }
.account-profile-form .chip b { color: var(--gold-soft); font-weight: 500; margin-left: 4px; }
.account-save { justify-content: center; min-height: 50px; margin-top: 3px; }

.account-security-card { gap: 14px; }
.account-security-card > .eyebrow { margin: 0; }

.security-method {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(240, 236, 228, .07);
}

.security-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-soft);
  border-radius: 11px;
  color: var(--gold-soft);
  background: rgba(216, 155, 34, .05);
  font-family: Georgia, serif;
}

.security-icon.telegram { color: #5dc7f5; border-color: rgba(0, 136, 204, .3); background: rgba(0, 136, 204, .08); }
.security-icon.telegram img { width: 19px; height: 19px; object-fit: contain; }
.security-method strong { display: block; color: var(--ivory); font-size: 13.5px; }
.security-method small { display: block; color: var(--muted); font-size: 10.5px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; }

.telegram-link-area {
  display: grid;
  gap: 12px;
  justify-items: stretch;
  margin-top: 6px;
  padding: 18px;
  border: 1px solid rgba(0, 136, 204, .22);
  border-radius: 12px;
  background: rgba(0, 136, 204, .035);
}

.telegram-link-area p { margin: 0; color: var(--muted); font-size: 11.5px; line-height: 1.5; }
.account-created { margin: 6px 0 0 !important; padding-top: 12px; border-top: 1px solid rgba(240, 236, 228, .07); font-size: 11px !important; }

.account-referral-grid .p-card { justify-content: flex-start; }
.account-referral-grid .link-card { margin-top: 6px; }
.account-referral-grid .link-card code { flex: 1; min-width: 0; font-size: 12.5px; }

.account-code-line {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(240, 236, 228, .07);
  color: var(--muted);
  font-size: 12px;
}

.account-code-line code { color: var(--gold-soft); font-size: 16px; letter-spacing: .1em; }
.account-qr-card h3 { margin: 0; font-family: Georgia, serif; color: var(--gold-soft); }
.account-qr-card canvas { width: 190px; height: 190px; }

.account-toast {
  position: fixed;
  z-index: 120;
  right: 22px;
  bottom: 22px;
  max-width: min(390px, calc(100% - 32px));
  padding: 13px 16px;
  border: 1px solid rgba(117, 201, 0, .35);
  border-radius: 12px;
  background: rgba(10, 14, 7, .96);
  color: #b7eb75;
  font-size: 12.5px;
  line-height: 1.45;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
}

.account-toast.error { color: #ffb0b0; border-color: rgba(255, 122, 122, .35); background: rgba(18, 8, 8, .97); }

/* Страница обработки данных */

.privacy-hero { padding-bottom: 42px; }

.privacy-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 760px);
  gap: 64px;
  align-items: start;
  justify-content: center;
}

.privacy-nav {
  position: sticky;
  top: 112px;
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  background: var(--panel);
}

.privacy-nav a {
  padding: 10px 12px;
  border-radius: 9px;
  color: var(--muted);
  font-size: 12.5px;
}

.privacy-nav a:hover { color: var(--gold-soft); background: rgba(216, 155, 34, .07); }

.privacy-document { display: grid; gap: 18px; }

.privacy-document section {
  scroll-margin-top: 120px;
  padding: 26px;
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  background: var(--panel);
}

.privacy-document .num-badge { width: 36px; height: 36px; font-size: 14px; }

.privacy-document h2 {
  margin: 15px 0 10px;
  font-family: Georgia, serif;
  color: var(--gold-soft);
  font-size: 24px;
  font-weight: 400;
}

.privacy-document p,
.privacy-document li { color: var(--muted); font-size: 14px; line-height: 1.7; }
.privacy-document p { margin: 0; }
.privacy-document ul { margin: 0; padding-left: 20px; display: grid; gap: 7px; }
.privacy-document a { color: var(--gold-soft); }
.privacy-back { display: inline-flex; margin-top: 22px; }

@media (max-width: 980px) {
  .auth-shell {
    width: min(760px, calc(100% - 40px));
    grid-template-columns: 1fr;
  }

  .auth-story {
    min-height: 460px;
    padding: 50px;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
  }

  .auth-story h1 { font-size: clamp(42px, 8vw, 64px); }
  .auth-benefits { margin-top: 32px; }
  .auth-card { padding: 48px; }
  .account-shell { width: calc(100% - 48px); }
  .account-overview-grid,
  .account-settings-grid { grid-template-columns: 1fr; }

  .privacy-layout {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .privacy-nav {
    position: static;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .privacy-nav::-webkit-scrollbar { display: none; }
  .privacy-nav a { white-space: nowrap; }
}

@media (max-width: 560px) {
  .cabinet-main { min-height: 70vh; }

  .auth-shell {
    width: calc(100% - 24px);
    min-height: 0;
    margin: 16px auto 44px;
    border-radius: 20px;
  }

  .auth-story {
    min-height: 0;
    padding: 34px 22px 30px;
  }

  .auth-story h1 { margin: 12px 0 14px; font-size: 39px; line-height: 1.01; }
  .auth-story-lead { font-size: 14px; line-height: 1.55; }
  .auth-benefits { margin-top: 24px; }

  .auth-benefits article {
    grid-template-columns: 36px 1fr;
    gap: 11px;
    padding: 14px 0;
  }

  .auth-benefit-mark { width: 30px; height: 30px; font-size: 10px; }
  .auth-benefits p { font-size: 11.5px; }
  .auth-security-note { display: none; }
  .auth-story .p-fx-tr { width: 180px; }
  .auth-story .p-fx-dna { display: none; }

  .auth-card { padding: 30px 18px; }
  .auth-card-head h2 { font-size: 29px; }
  .auth-card-head { margin-bottom: 22px; }
  .auth-tabs { margin: 22px 0 20px; }
  .auth-form-grid { grid-template-columns: 1fr; }
  .auth-field-full { grid-column: auto; }
  .auth-field input, .auth-field select { height: 52px; font-size: 16px; }
  .password-control input { padding-right: 82px; }
  .telegram-login-box { padding: 14px 12px; }
  .telegram-auth-button { width: 100%; min-height: 48px; }
  .telegram-access-intro { grid-template-columns: 48px 1fr; padding: 14px; gap: 12px; }
  .telegram-access-icon { width: 48px; height: 48px; border-radius: 13px; }
  .telegram-access-icon img { width: 24px; height: 24px; }
  .telegram-registration-action { grid-template-columns: 1fr; }
  .registration-qr-shell { display: none; }

  .account-shell {
    width: calc(100% - 28px);
    padding: 25px 0 52px;
  }

  .account-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px 0 24px;
  }

  .account-avatar-large { width: 58px; height: 58px; font-size: 18px; }
  .account-person { gap: 13px; align-items: flex-start; }
  .account-person h1 { font-size: 29px; margin-top: 4px; }
  .account-person p:last-child { font-size: 11.5px; line-height: 1.45; }
  .account-hero-actions { width: 100%; justify-content: space-between; }
  .account-logout { width: auto !important; min-height: 40px !important; padding: 0 15px !important; }

  .account-tabs {
    display: grid;
    grid-template-columns: repeat(3, auto);
    width: 100%;
  }

  .account-tabs button { width: auto; padding: 10px 8px; font-size: 11.5px; }
  .account-panel { padding-top: 16px; }
  .account-panel .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .account-panel .stat-card { padding: 15px; }
  .account-overview-grid { margin-top: 12px; gap: 12px; }
  .account-overview-grid .p-card,
  .account-settings-grid .p-card,
  .account-referral-grid .p-card,
  .account-qr-card { padding: 18px; }

  .account-data-list > div { grid-template-columns: 82px minmax(0, 1fr); gap: 9px; }
  .account-link-summary .outline-button { width: 100%; }
  .account-settings-grid { gap: 12px; }

  .security-method {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .security-method > .chip { grid-column: 2; justify-self: start; }
  .account-code-line { grid-template-columns: 1fr auto; }
  .account-code-line .mini-button { grid-column: 1 / -1; width: 100%; }
  .account-qr-card canvas { width: 172px; height: 172px; }
  .account-toast { right: 16px; bottom: 16px; }

  .privacy-hero { width: calc(100% - 32px); padding-top: 38px; }
  .privacy-layout { width: calc(100% - 32px); }
  .privacy-document section { padding: 20px 18px; }
  .privacy-document h2 { font-size: 21px; }
  .privacy-document p,
  .privacy-document li { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .auth-loader { animation-duration: 1.8s; }
}