.legend{color:var(--ink-3);background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;gap:18px;margin-bottom:28px;padding:14px 18px;font-size:.82rem;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.trainers-big{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tr-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:200px 1fr;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;display:grid;overflow:hidden}.tr-card:hover{box-shadow:var(--shadow-md);border-color:var(--sky-300);transform:translateY(-4px)}.tr-photo-frame{overflow:hidden}.tr-card .photo{height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.tr-card:hover .photo{transform:scale(1.06)}.tr-body{flex-direction:column;padding:22px 24px;display:flex}.tr-body h3{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:700;display:inline-block;position:relative}.tr-body h3:after{content:"";background:var(--sky-500);border-radius:2px;width:0;height:2px;transition:width .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-2px;left:0}.tr-card:hover .tr-body h3:after{width:100%}.pill{transition:transform .2s cubic-bezier(.2,.7,.2,1)}.legend-item:hover .pill,.tr-titles .pill:hover{transform:translateY(-2px)}.tr-titles{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pill{letter-spacing:.08em;text-transform:uppercase;background:var(--sky-700);color:var(--white);border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700}.pill.f{color:var(--white);background:#be185d}.pill.is{background:var(--sky-100);color:var(--sky-800)}.pill.is.f{color:#9d1a5a;background:#fce7f3}.tr-body p{color:var(--ink-2);flex-grow:1;margin:0 0 14px;font-size:.9rem}.tr-foot{color:var(--ink-3);border-top:1px dashed var(--line);gap:14px;padding-top:12px;font-size:.82rem;display:flex}.tr-foot span strong{color:var(--ink);font-weight:600}@media (width<=1024px){.trainers-big{grid-template-columns:1fr}.tr-card{grid-template-columns:160px 1fr}}@media (width<=768px){.tr-card{grid-template-columns:1fr}.tr-card .photo{aspect-ratio:4/3;height:auto}.tr-foot{flex-wrap:wrap;gap:8px 14px}}