/* ============================================================================
 * YouNewX — Holding Brand System (one identity across every channel & site)
 * Import on any page:  <link rel="stylesheet" href="/shared/brand/brand.css">
 * Wordmark:  <a class="ynx-logo"><img class="ynx-ico" src="/shared/brand/icon.svg" alt="">
 *              <span class="ynx-wm">You<span>New</span>X</span></a>
 * ==========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Sora:wght@600;700;800&display=swap');

:root{
  --ynx-bg:#0c0a1a; --ynx-bg2:#141033; --ynx-surf:#1c1640;
  --ynx-gold:#ffd15a; --ynx-coral:#ff7a3d; --ynx-violet:#7c5cff; --ynx-neon:#43e7ff;
  --ynx-text:#f4f1ff; --ynx-mut:#a99fce; --ynx-line:#2c2358;
  --ynx-grad:linear-gradient(135deg,#ffd15a 0%,#ff7a3d 45%,#7c5cff 100%);
  --ynx-grad-neon:linear-gradient(135deg,#43e7ff,#7c5cff);
  --ynx-font:'Sora',system-ui,sans-serif;
  --ynx-font-wm:'Space Grotesk','Sora',system-ui,sans-serif;
}

/* logo lockup */
.ynx-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.ynx-logo .ynx-ico{width:34px;height:34px;border-radius:9px;display:block}
.ynx-wm{font-family:var(--ynx-font-wm);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--ynx-text)}
.ynx-wm span{background:var(--ynx-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* reusable bits */
.ynx-grad-text{background:var(--ynx-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ynx-pill{display:inline-block;font-family:var(--ynx-font-wm);font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 14px;border-radius:999px;border:1px solid var(--ynx-line);color:var(--ynx-mut)}
.ynx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ynx-font);font-weight:700;border:none;border-radius:14px;padding:13px 24px;cursor:pointer;background:var(--ynx-grad);color:#26104a;box-shadow:0 12px 30px -10px rgba(124,92,255,.5)}