@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
/* ============================================================
   ASIA TV 제휴 파트너쉽 — 프리미엄 리디자인 (Claude Design)
   전부 #page-partner 스코프 · 파트너별 액센트 = --acc / --accd
   기존 style.css 파트너 규칙과 클래스 충돌 없게 pp- 프리픽스
   ============================================================ */
#page-partner{
  --pp-bg:#0b0c16; --pp-card:#14162a; --pp-card2:#191c34;
  --pp-line:rgba(255,255,255,.06); --pp-line2:rgba(255,255,255,.13);
  --pp-white:#fff; --pp-txt:#e2e8f0; --pp-mut:#94a3b8; --pp-dim:#64748b;
  --pp-gold1:#ffe999; --pp-gold2:#f5b31e; --pp-gold3:#d97706;
  font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  letter-spacing:-.3px;
}

/* ── 헤더 ── */
#page-partner .page-header .page-title{ letter-spacing:-.5px; }
#page-partner .page-header .page-title span{ font-size:12px; letter-spacing:2.5px; color:var(--pp-dim); font-weight:800; }

/* ── 탭 바 (기존 .partner-category-bar 프리미엄 오버라이드) ── */
#page-partner .partner-category-bar{
  display:flex; gap:6px; padding:6px; margin-bottom:22px; overflow-x:auto;
  background:rgba(255,255,255,.02); border:1px solid var(--pp-line); border-radius:16px;
  backdrop-filter:blur(6px); scrollbar-width:none;
}
#page-partner .partner-category-bar::-webkit-scrollbar{ display:none; }
#page-partner .partner-cat-btn{
  flex:1 0 auto; min-width:104px; display:flex; align-items:center; justify-content:center; gap:9px;
  background:transparent; border:1px solid transparent; border-radius:12px; padding:11px 16px; cursor:pointer;
  color:var(--pp-mut); font-weight:800; font-size:14.5px; white-space:nowrap;
  transition:all .25s cubic-bezier(.4,0,.2,1);
}
#page-partner .partner-cat-btn img,
#page-partner .partner-cat-btn .text-logo{ width:22px; height:22px; border-radius:6px; object-fit:contain; font-size:12px; }
#page-partner .partner-cat-btn:hover{ color:var(--pp-white); background:rgba(255,255,255,.04); }
#page-partner .partner-cat-btn.active{
  color:var(--pp-white); background:var(--pp-card2);
  border-color:rgba(255,255,255,.09); box-shadow:0 10px 26px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
}

/* ── 파트너 카드 ── */
#page-partner .pp-card{
  --acc:#ff2e88; --accd:#c40f5e;
  position:relative; overflow:hidden; display:flex; flex-direction:column; gap:26px;
  background:linear-gradient(180deg,var(--pp-card) 0%,#0f1120 100%);
  border:1px solid var(--pp-line); border-radius:26px; padding:34px 28px;
  box-shadow:0 34px 80px -30px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.04);
  animation:ppIn .5s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes ppIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ #page-partner *{ animation:none!important; transition:none!important; } }
/* 상단 액센트 헤어라인 + 네온 오라 */
#page-partner .pp-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--acc),transparent); opacity:.9;
}
#page-partner .pp-card::after{
  content:""; position:absolute; top:-160px; right:-140px; width:320px; height:320px; border-radius:50%;
  background:var(--acc); filter:blur(130px); opacity:.14; pointer-events:none;
}
#page-partner .pp-card>*{ position:relative; z-index:2; }

/* 헤더 */
#page-partner .pp-head{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
#page-partner .pp-hL{ display:flex; align-items:center; gap:16px; }
#page-partner .pp-logo{
  width:60px; height:60px; border-radius:17px; flex:none; display:flex; align-items:center; justify-content:center;
  background:var(--pp-card2); border:1px solid var(--pp-line2); box-shadow:0 8px 20px rgba(0,0,0,.45);
  font-size:25px; font-weight:900; color:var(--acc); overflow:hidden;
}
#page-partner .pp-logo img{ width:100%; height:100%; object-fit:contain; }
#page-partner .pp-nm{ display:flex; align-items:center; gap:10px; font-size:23px; font-weight:900; color:var(--pp-white); letter-spacing:-.4px; }
#page-partner .pp-badge{
  font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:3px 10px; border-radius:20px;
  color:var(--acc); background:color-mix(in srgb,var(--acc) 12%,transparent); border:1px solid color-mix(in srgb,var(--acc) 26%,transparent);
}
#page-partner .pp-sub{ font-size:13.5px; color:var(--pp-mut); margin-top:5px; }
#page-partner .pp-dep{ text-align:right; }
#page-partner .pp-dep-lbl{ font-size:13px; font-weight:800; color:var(--pp-mut); letter-spacing:.5px; }
#page-partner .pp-dep-amt{
  font-size:33px; font-weight:900; letter-spacing:-1px; margin-top:2px;
  background:linear-gradient(135deg,var(--pp-gold1),var(--pp-gold2) 55%,var(--pp-gold3));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 15px rgba(245,179,30,.32));
}

/* 인트로 글래스 */
#page-partner .pp-intro{
  font-size:14.5px; line-height:1.65; color:var(--pp-txt);
  background:rgba(255,255,255,.02); border:1px solid var(--pp-line); border-radius:15px; padding:15px 18px;
}

/* 3열 스펙 */
#page-partner .pp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:760px){ #page-partner .pp-grid{ grid-template-columns:1fr; } }
#page-partner .pp-col{
  display:flex; flex-direction:column; gap:14px; padding:20px 17px; border-radius:18px;
  background:rgba(255,255,255,.02); border:1px solid var(--pp-line); transition:all .25s;
}
#page-partner .pp-col:hover{ border-color:var(--pp-line2); background:rgba(255,255,255,.035); transform:translateY(-2px); }
#page-partner .pp-col-h{
  font-size:11.5px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; color:var(--pp-dim);
  padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.05);
}
/* 게임사 pill */
#page-partner .pp-pills{ display:flex; flex-wrap:wrap; gap:8px; }
#page-partner .pp-pill{
  font-size:12.5px; font-weight:700; padding:8px 12px; border-radius:10px;
  background:var(--pp-card2); border:1px solid var(--pp-line); color:var(--pp-txt);
}
#page-partner .pp-pill.extra{ color:var(--acc); background:color-mix(in srgb,var(--acc) 6%,transparent); border-color:color-mix(in srgb,var(--acc) 30%,transparent); }
/* 프로모 */
#page-partner .pp-promos{ display:flex; flex-direction:column; gap:9px; }
#page-partner .pp-promo{
  font-size:13px; font-weight:700; line-height:1.4; color:var(--pp-txt); padding:11px 14px; border-radius:11px;
  background:color-mix(in srgb,var(--acc) 4%,transparent); border:1px solid color-mix(in srgb,var(--acc) 13%,transparent);
}
#page-partner .pp-promo b{ color:var(--acc); font-weight:900; }
/* 메타 */
#page-partner .pp-meta{ display:flex; flex-direction:column; gap:12px; }
#page-partner .pp-mrow{ display:flex; flex-direction:column; gap:3px; }
#page-partner .pp-mlbl{ font-size:11px; font-weight:700; color:var(--pp-dim); }
#page-partner .pp-mval{ font-size:14px; font-weight:800; color:var(--pp-white); }
#page-partner .pp-mval.green{ color:#39ff9e; }

/* CTA */
#page-partner .pp-cta{
  width:100%; height:55px; border-radius:15px; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:16px; font-weight:900; color:#fff; letter-spacing:-.2px; text-decoration:none;
  background:linear-gradient(135deg,var(--acc),var(--accd));
  box-shadow:0 12px 30px -8px color-mix(in srgb,var(--acc) 55%,transparent), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s, filter .2s;
}
#page-partner .pp-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); }
#page-partner .pp-cta:active{ transform:translateY(0); }