/* Страница «Проверка аккаунтов» — поверх style.css, те же токены. */

.page-check main { padding-top: 74px; }

/* первый экран */
.check-hero { padding: 64px 0 40px; }
.check-head { max-width: 720px; margin: 0 auto 36px; text-align: center; }
.check-head h1 { font: 800 clamp(36px, 5vw, 64px)/1.02 "Onest"; letter-spacing: -0.045em; margin: 20px 0 18px; }
.check-head .lead { margin-left: auto; margin-right: auto; }

/* форма ввода */
.check-form { display: flex; gap: 12px; max-width: 580px; margin: 0 auto; }
.check-input {
  flex: 1; display: flex; align-items: center; gap: 2px; padding: 0 18px;
  border-radius: 999px; background: var(--card2); border: 1px solid var(--line2);
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.check-input:focus-within {
  border-color: var(--violet); background: rgba(139,92,246,.08);
  box-shadow: 0 0 0 4px rgba(139,92,246,.18);
}
.check-input .at { color: var(--dim); font-size: 20px; font-weight: 700; }
.check-input input {
  flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: var(--text);
  font: 600 18px "Onest"; padding: 16px 4px;
}
.check-input input::placeholder { color: var(--dim); }
.check-form .btn { padding-left: 32px; padding-right: 32px; }
.check-form .btn[disabled] { opacity: .6; pointer-events: none; }

.check-hint { text-align: center; color: var(--dim); font-size: 14px; margin: 16px 0 0; }
.check-hint .ex {
  background: none; border: 0; color: var(--sub); font: inherit; font-weight: 700;
  cursor: pointer; padding: 0; border-bottom: 1px dashed var(--line2);
}
.check-hint .ex:hover { color: #f0abfc; }

/* результат */
.check-result { max-width: 860px; margin: 36px auto 0; }
.check-result[hidden] { display: none; }

.rep {
  border-radius: var(--radius); background: var(--card); border: 1px solid var(--line);
  overflow: hidden;
}
.rep-top { display: flex; gap: 20px; align-items: center; padding: 26px 28px; border-bottom: 1px solid var(--line); }
.rep-ava {
  width: 84px; height: 84px; border-radius: 50%; flex: none; object-fit: cover;
  background: var(--card2); border: 1px solid var(--line2);
  display: grid; place-items: center; font: 800 30px "Onest"; color: var(--sub); overflow: hidden;
}
.rep-ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.rep-id { min-width: 0; }
.rep-name { display: flex; align-items: center; gap: 8px; font: 800 24px/1.1 "Onest"; }
.rep-name .vf { width: 20px; height: 20px; flex: none; }
.rep-handle { color: var(--sub); font-weight: 600; margin-top: 2px; }
.rep-handle a { color: #f0abfc; }
.rep-bio { color: var(--sub); font-size: 15px; margin-top: 10px; white-space: pre-line; }
.rep-bio a { color: #f0abfc; word-break: break-all; }

/* плитки метрик */
.rep-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.rep-stats .st { background: var(--bg2); padding: 22px 20px; text-align: center; }
.rep-stats .st b { display: block; font: 900 28px/1.1 "Onest"; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rep-stats .st span { display: block; color: var(--sub); font-size: 13px; font-weight: 600; margin-top: 6px; }
.rep-stats .st.na b { background: none; color: var(--dim); -webkit-text-fill-color: var(--dim); }

/* риск */
.rep-risk { padding: 22px 28px; border-top: 1px solid var(--line); }
.rep-risk h4 { margin: 0 0 12px; font: 800 14px/1 "Onest"; letter-spacing: .1em; text-transform: uppercase; color: var(--sub); }
.risk-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chip-risk {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 12px;
  font-size: 14px; font-weight: 700; background: rgba(251,146,60,.12); border: 1px solid rgba(251,146,60,.35); color: #fed7aa;
}
.chip-ok {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 12px;
  font-size: 14px; font-weight: 700; background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.35); color: #a7f3d0;
}
.chip-mid {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 12px;
  font-size: 14px; font-weight: 700; background: rgba(139,92,246,.14); border: 1px solid rgba(139,92,246,.4); color: #ddd6fe;
}
.rep-note { margin: 0; color: var(--dim); font-size: 15px; }

/* последние посты */
.rep-posts { padding: 22px 28px 28px; border-top: 1px solid var(--line); }
.rep-posts h4 { margin: 0 0 14px; font: 800 14px/1 "Onest"; letter-spacing: .1em; text-transform: uppercase; color: var(--sub); }
.post-row { display: grid; grid-template-columns: 26px 1fr auto; gap: 14px; align-items: center; padding: 11px 0; border-top: 1px solid var(--line); font-size: 15px; }
.post-row:first-of-type { border-top: 0; }
.post-row .pt { font-size: 18px; text-align: center; }
.post-row .pm { display: flex; gap: 18px; color: var(--sub); font-weight: 600; font-variant-numeric: tabular-nums; }
.post-row .pm b { color: var(--text); font-weight: 800; }
.post-row .pd { color: var(--dim); font-size: 13px; white-space: nowrap; }

/* состояния */
.check-msg { text-align: center; padding: 30px; color: var(--sub); font-size: 17px; }
.check-msg.err { color: #fca5a5; }

/* скелетон */
.skel { padding: 26px 28px; }
.skel-row { display: flex; gap: 20px; align-items: center; }
.skel-b { background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05)); background-size: 200% 100%; animation: shimmer 1.3s infinite; border-radius: 10px; }
.skel-ava { width: 84px; height: 84px; border-radius: 50%; flex: none; }
.skel-line { height: 16px; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .skel-b { animation: none; } }

/* секция «что показывает» */
.check-explain { padding: 60px 0; }
.check-explain .ico svg { stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* CTA */
.check-cta { padding: 80px 0 90px; overflow: hidden; }
.cta-box { position: relative; z-index: 2; text-align: center; max-width: 720px; margin: 0 auto; }
.cta-box h2 { font: 800 clamp(28px, 3.6vw, 46px)/1.04 "Onest"; letter-spacing: -0.04em; }
.cta-box p { color: var(--sub); font-size: 19px; margin: 18px auto 30px; max-width: 580px; }
.cta-box .final-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* адаптив */
@media (max-width: 760px) {
  .check-form { flex-direction: column; }
  .check-form .btn { width: 100%; }
  .rep-stats { grid-template-columns: 1fr 1fr; }
  .rep-stats .st:last-child { grid-column: 1 / -1; }
  .why { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .rep-top { flex-direction: column; text-align: center; }
  .post-row { grid-template-columns: 22px 1fr; }
  .post-row .pd { display: none; }
}