.league-section{background:#fff}
.league-panel{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:70px;
  align-items:center;
  padding:70px;
  border:1px solid var(--line);
  border-radius:32px;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,100,38,.08),transparent 30%),
    linear-gradient(135deg,#fff,#f4f8f7);
  box-shadow:var(--shadow-sm);
}
.league-copy h2{margin-bottom:24px}
.league-copy p{font-size:17px}
.league-list{list-style:none;margin:28px 0}
.league-list li{position:relative;padding:9px 0 9px 31px;font-weight:700;color:var(--green-900)}
.league-list li::before{content:"✓";position:absolute;left:0;color:var(--orange)}
.league-actions{display:flex;flex-wrap:wrap;gap:12px}
.league-image{position:relative;padding:30px 0 45px}
.league-browser{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 28px 65px rgba(0,30,23,.22);transform:perspective(1200px) rotateY(-7deg) rotateX(2deg)}
.league-browser-top{height:32px;display:flex;align-items:center;gap:6px;padding-left:14px;background:#eff3f2}
.league-browser-top i{width:8px;height:8px;border-radius:50%;background:#ccd5d2}
.league-browser img{width:100%}
.floating-ball{position:absolute;left:5%;bottom:0;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1ff73,#c2f221 50%,#69a813);box-shadow:0 18px 28px rgba(40,88,12,.25)}
@media(max-width:900px){.league-panel{grid-template-columns:1fr;padding:42px;gap:30px}}
@media(max-width:560px){.league-panel{padding:28px 20px;border-radius:22px}.league-browser{transform:none}.floating-ball{width:60px;height:60px}}