/* Real-data homepage creator spotlight. All rules scoped to this section. */
.home-creators { padding:clamp(52px,7vw,96px) 0; border-block:1px solid #00c8ff20; background:radial-gradient(ellipse at 50% 0,#007bff1a,transparent 65%),#020711; text-align:center; }
.home-creators .eyebrow { margin-bottom:16px; }
.home-creators .h2 { text-wrap:balance; }
.home-creators .h2 span { display:block; }
.home-creators__intro { max-width:650px; margin:22px auto 0; color:#dce8f4; line-height:1.7; text-wrap:balance; }
.home-creators__period { margin:22px 0 0; color:#a4bed5; font-size:13px; }
.home-creators__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:0; margin:32px 0 0; list-style:none; }
.home-creators [hidden] { display:none; }
.home-creator { position:relative; min-width:0; padding:28px 20px; border:1px solid #00c8ff38; border-radius:24px; background:linear-gradient(155deg,#0b2038,#06101f 75%); box-shadow:0 14px 32px #0003; }
.home-creator--1 { border-color:#00c8ff99; box-shadow:0 0 28px #007bff20; }
.home-creator__rank { position:absolute; top:18px; left:18px; padding:5px 12px; border-radius:999px; background:#00c8ff15; color:#76e2ff; font-weight:800; font-size:14px; }
.home-creator__profile { display:flex; flex-direction:column; align-items:center; gap:18px; border-radius:14px; }
.home-creator__profile:hover h3 { color:#79e3ff; }
.home-creator__profile h3 { max-width:100%; color:#fff; font:800 clamp(16px,1.6vw,21px)/1.4 var(--body); overflow-wrap:anywhere; }
.home-creator__avatar { display:grid; place-items:center; width:96px; height:96px; border:2px solid #00c8ff; border-radius:50%; background:#082348; overflow:hidden; box-shadow:0 0 22px #007bff30; color:#fff; font-weight:800; }
.home-creator__avatar img { width:100%; height:100%; object-fit:cover; }
.home-creator__group { min-height:24px; margin:8px 0 14px; color:#adc3d9; font-size:13px; overflow-wrap:anywhere; }
.home-creator__category { display:inline-block; margin:0; padding:6px 13px; border:1px solid #00c8ff35; border-radius:999px; background:#00c8ff0c; color:#82e6ff; font-size:12px; font-weight:700; }
.home-creator__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:24px 0 0; padding-top:20px; border-top:1px solid #ffffff14; }
.home-creator__stats div { display:flex; flex-direction:column-reverse; gap:4px; min-width:0; }
.home-creator__stats dt { color:#a4bed5; font-size:11px; }
.home-creator__stats dd { margin:0; color:#fff; font-weight:800; font-size:clamp(16px,1.5vw,21px); }
.home-creators__note { margin:28px auto; max-width:600px; color:#b8cde0; }
.home-creators__link { margin-top:32px; white-space:normal; justify-content:center; min-height:48px; }
@media (max-width:760px) {
  .home-creators__list { grid-template-columns:1fr; max-width:440px; margin-inline:auto; gap:16px; }
  .home-creator { padding:24px 20px; }
  .home-creators__intro { font-size:14px; }
  .home-creator__stats dd { font-size:21px; }
}