:root{
      --bg1:#071428; --bg2:#0a1e3a;
      --muted: rgba(255,255,255,.78);
      --shadow: 0 18px 60px rgba(0,0,0,.55);
    }
    body{
      min-height:100vh;
      color:#fff;
      font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
      background:
        radial-gradient(1200px 600px at 15% 10%, rgba(255,0,180,.22), transparent 60%),
        radial-gradient(1000px 500px at 85% 15%, rgba(0,180,255,.20), transparent 55%),
        radial-gradient(900px 450px at 50% 85%, rgba(120,90,255,.18), transparent 55%),
        linear-gradient(180deg, var(--bg2), var(--bg1));
    }
    .cardx{
      background: rgba(10, 20, 40, .62);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 1.35rem;
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
    }
    .hero{ position:relative; overflow:hidden; }
    .hero:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(520px 260px at 18% 30%, rgba(255,255,255,.14), transparent 60%),
        radial-gradient(640px 300px at 82% 20%, rgba(255,255,255,.12), transparent 62%),
        conic-gradient(from 180deg at 50% 50%, rgba(255,0,160,.18), rgba(0,200,255,.16), rgba(150,120,255,.16), rgba(255,0,160,.18));
      filter: blur(28px);
      opacity:.58;
      pointer-events:none;
    }
    .hero > *{ position:relative; z-index:1; }
    .muted{ color: var(--muted); }

    .btn-ghost{
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.16);
      color:#fff;
      border-radius: 999px;
      padding: .45rem .85rem;
    }
    .btn-ghost:hover{ background: rgba(255,255,255,.12); color:#fff; }
    .btn-outline-light{ border-radius: 999px; padding: .45rem .85rem; }

    .logoCircle{
      width: 110px; height: 110px;
      border-radius: 999px;
      overflow:hidden;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.08);
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
      flex: 0 0 auto;
    }
    .logoCircle img{ width:100%; height:100%; object-fit: cover; display:block; }

    /* ✅ Coach photo 3x4 (smaller) */
    .photo34{
      width: 86px;
      height: 115px; /* 3x4 ratio */
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      box-shadow: 0 14px 34px rgba(0,0,0,.45);
      flex: 0 0 auto;
    }
    .photo34 img{ width:100%; height:100%; object-fit: cover; display:block; }

    .chip{
      display:inline-flex; align-items:center; gap:.40rem;
      padding:.30rem .64rem;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      color:#fff;
      font-size:.82rem;
      margin:.20rem .22rem 0 0;
    }

    .kv{
      background: rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.12);
      border-radius: 1.15rem;
      padding: .95rem 1rem;
    }
    .kv .k{ color: rgba(255,255,255,.70); font-size:.88rem; }
    .kv .v{ color:#fff; font-weight:600; }

    .miniLink{
      display:inline-flex; align-items:center; gap:.5rem;
      text-decoration:none; color:#fff;
      padding:.48rem .72rem;
      border-radius: 999px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.06);
      transition: .18s ease;
    }
    .miniLink:hover{ background: rgba(255,255,255,.11); color:#fff; transform: translateY(-1px); }
    .linkWhite{ color:#fff; text-decoration:none; }
    .linkWhite:hover{ text-decoration:underline; color:#fff; }
    .memberGrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.85rem; }
    .memberCard{
      display:flex; gap:.85rem; align-items:center; min-width:0;
      padding:.9rem; border-radius:1rem; color:#fff; text-decoration:none;
      border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055);
      transition:transform .18s ease,background .18s ease,border-color .18s ease;
    }
    .memberCard:hover{ color:#fff; transform:translateY(-2px); background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.24); }
    .memberPhoto{ width:62px; height:82px; flex:0 0 auto; overflow:hidden; border-radius:.75rem; background:rgba(255,255,255,.1); }
    .memberPhoto img{ width:100%; height:100%; display:block; object-fit:cover; }
    .memberBody{ min-width:0; }
    .memberBody strong{ display:block; overflow-wrap:anywhere; }
    .memberBody small{ display:block; margin-top:.2rem; color:var(--muted); overflow-wrap:anywhere; }
    .memberNameLink{ color:#fff; text-decoration:none; }
    .memberNameLink:hover{ color:#fff; text-decoration:underline; }
    .memberRole{ display:inline-flex!important; width:max-content; max-width:100%; padding:.2rem .46rem; border:1px solid rgba(255,255,255,.16); border-radius:999px; color:#fff!important; font-size:.7rem; font-weight:800; }
    .memberActions{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.45rem; }
    .memberAction{ color:#fff; font-size:.72rem; font-weight:800; text-decoration:none; }
    .memberAction:hover{ color:#fff; text-decoration:underline; }
    .memberEmpty{ color:var(--muted); padding:.85rem 0; }