/* covers.css — обложки сервисов для страниц вне React-витрины (кабинет, успех, оплата).
   Те же поверхности, что у карточек каталога на главной (proto/src/skins.ts):
   фирменный фон сервиса, подсветка в его цвете и официальный знак. Цвета брендов,
   своих не придумываем. Разметка: <span class="cv" data-svc="chatgpt"><img …></span>. */
.cv{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;aspect-ratio:1.586;width:64px;border-radius:12px;
  background:linear-gradient(145deg,#F2F2F4 0%,#E6E6EA 100%)}
.cv img{position:absolute;top:50%;left:50%;width:42%;height:auto;transform:translate(-50%,-50%);display:block;pointer-events:none}
.cv.is-dim{opacity:.45}
.cv[data-svc="chatgpt"]{background:radial-gradient(90% 120% at 82% 18%,rgba(16,163,127,.55),transparent 62%),radial-gradient(70% 90% at 12% 96%,rgba(16,163,127,.22),transparent 70%),linear-gradient(145deg,#131313 0%,#0A0A0A 100%)}
.cv[data-svc="claude"]{background:radial-gradient(88% 120% at 80% 16%,rgba(217,119,87,.55),transparent 64%),radial-gradient(70% 90% at 8% 92%,rgba(217,119,87,.20),transparent 70%),linear-gradient(145deg,#F6F3EA 0%,#EBE7DA 100%)}
.cv[data-svc="gemini"]{background:radial-gradient(88% 120% at 82% 14%,rgba(66,133,244,.42),transparent 62%),radial-gradient(76% 96% at 10% 94%,rgba(155,114,203,.34),transparent 68%),linear-gradient(145deg,#F2F6FE 0%,#E4EBF8 100%);box-shadow:inset 0 0 0 1px rgba(29,29,31,.08)}
.cv[data-svc="grok"]{background:radial-gradient(88% 120% at 84% 16%,rgba(255,255,255,.26),transparent 60%),radial-gradient(70% 90% at 10% 94%,rgba(255,255,255,.10),transparent 70%),linear-gradient(145deg,#171717 0%,#000 100%)}
.cv[data-svc="perplexity"]{background:radial-gradient(88% 120% at 82% 16%,rgba(31,184,205,.46),transparent 62%),radial-gradient(70% 92% at 8% 94%,rgba(31,184,205,.18),transparent 70%),linear-gradient(145deg,#EEF9FB 0%,#DDEFF3 100%);box-shadow:inset 0 0 0 1px rgba(31,184,205,.18)}
.cv[data-svc="telegram"]{background:radial-gradient(88% 120% at 82% 16%,rgba(38,165,228,.48),transparent 62%),radial-gradient(70% 92% at 8% 94%,rgba(38,165,228,.18),transparent 70%),linear-gradient(145deg,#EFF8FD 0%,#DCEEF9 100%);box-shadow:inset 0 0 0 1px rgba(34,158,217,.18)}
.cv[data-svc="zoom"]{background:radial-gradient(88% 120% at 82% 16%,rgba(11,92,255,.38),transparent 62%),radial-gradient(70% 92% at 8% 94%,rgba(11,92,255,.16),transparent 70%),linear-gradient(145deg,#F1F5FF 0%,#E2EAFF 100%);box-shadow:inset 0 0 0 1px rgba(11,92,255,.14)}
.cv[data-svc="fortnite"]{background:radial-gradient(88% 120% at 82% 16%,rgba(123,47,247,.58),transparent 60%),radial-gradient(74% 96% at 10% 94%,rgba(0,194,255,.34),transparent 68%),linear-gradient(145deg,#2E2E36 0%,#1B1B20 100%)}
/* «Ещё подключить» на странице успеха: карточка узкая, обложка поменьше. */
.xs-card .cv{width:52px;border-radius:9px}

/* Обложка на первом экране страницы сервиса (/grok, /perplexity и далее): та же
   поверхность, что у карточек каталога, только крупная. */
.cv--hero{width:100%;max-width:440px;border-radius:24px}
.cv--hero img{width:34%}