.psc-carousel{ position:relative; max-width:1280px; margin:24px auto; }
.psc-viewport{ overflow:hidden; touch-action:pan-y; }
.psc-track{ display:flex; gap:24px; will-change:transform; transform:translateX(0); transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.psc-slide{ flex:0 0 calc((100% - 48px)/3); min-width:320px; }

.psc-card{ background:#EDF1F5; border-radius:28px; box-shadow:0 10px 26px rgba(16,24,40,.10); padding:22px; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.psc-top{ display:grid; grid-template-columns:118px 1fr; gap:18px; align-items:center; }
.psc-avatar-wrap{ width:118px;height:118px;border-radius:200px;padding:6px;background:#fff;box-shadow:0 4px 10px rgba(16,24,40,.12); }
.psc-avatar{ width:100%;height:100%;border-radius:999px;object-fit:cover;display:block; }
.psc-squares{ display:flex; gap:8px; margin:2px 0 6px; }
.psc-square{ width:14px;height:14px;border-radius:2px;border:2px solid #F0AD4E; background:transparent; display:inline-block; }
.psc-handle{ font-weight:900; letter-spacing:.2px; margin:0 0 6px; font-size:22px; }
.psc-role{ color:#111827; opacity:.95; line-height:1.35; }

.psc-bottom{ margin-top:18px; display:grid; grid-template-columns:140px 1fr; gap:16px; align-items:end; }
.psc-arrow-svg{ width:116px; height:auto; filter:drop-shadow(0 8px 16px rgba(255,61,0,.25)); }
.psc-stats{ background:#fff; border-radius:16px; box-shadow:0 8px 18px rgba(16,24,40,.08); padding:16px 22px; display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:center; }
.psc-stat{ text-align:center; }
.psc-value{ font-weight:900; font-size:28px; margin:0 0 6px; }
.psc-label{ color:#111827; opacity:.9; font-size:15px; }

.psc-nav{ position:absolute; inset:0 0 0 0; pointer-events:none; }
.psc-btn{ position:absolute; top:42%; width:40px;height:40px;border-radius:999px;border:none;background:#fff; box-shadow:0 6px 16px rgba(16,24,40,.18); display:grid; place-items:center; cursor:pointer; pointer-events:auto; transition:transform .2s ease, box-shadow .2s ease; }
.psc-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(16,24,40,.2) }
.psc-prev{ left:6px } .psc-next{ right:6px }
.psc-btn svg{ width:18px;height:18px }

@media (max-width:1100px){ .psc-slide{ flex:0 0 calc((100% - 24px)/2); } }
@media (max-width:680px){
  .psc-slide{ flex:0 0 100%; }
  .psc-bottom{ grid-template-columns:1fr; align-items:center }
  .psc-arrow-svg{ margin:0 auto }
}