.pro-membership-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(124,58,237,.28),transparent 38%),linear-gradient(135deg,#111827,#1f1647 58%,#3b1d5c);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(31,22,71,.24);padding:clamp(26px,5vw,52px)}.pro-membership-card h1{max-width:720px;color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.055em;margin:16px 0}.pro-membership-card .eyebrow{color:#c4b5fd}.pro-membership-top{display:flex;align-items:center;gap:12px}.pro-crown{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#fbbf24,#ec4899);font-size:1.5rem;box-shadow:0 8px 25px rgba(236,72,153,.3)}.pro-lead{max-width:560px;color:#ddd6fe;font-size:1.08rem;line-height:1.6}.pro-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.pro-benefits div{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);color:#ede9fe}.pro-benefits strong{color:#fbbf24;font-size:1.2rem}.pro-price{display:flex;align-items:baseline;gap:12px;margin:20px 0}.pro-price strong{font-size:3rem;color:#fde68a}.pro-price span{color:#c4b5fd}.pro-safety{max-width:640px;padding:14px 16px;border:1px solid #fb7185;border-radius:12px;background:rgba(127,29,29,.42);color:#ffe4e6!important;font-weight:750}.pro-step{color:#fde68a!important;font-weight:750}.pro-cta{margin-top:8px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#281305;padding:14px 22px;font-size:1rem}@media(max-width:600px){.pro-price{align-items:flex-start;flex-direction:column;gap:0}.pro-benefits{display:grid}}

/* Premium access page: match the VIP Library shell */
.pro-membership-card {
  width: min(100%, 980px);
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: clamp(30px, 5vw, 56px);
  border: 1px solid #d4ac51;
  border-radius: 28px;
  background:
    radial-gradient(circle at 82% 0%, rgba(226, 180, 72, .2), transparent 30%),
    linear-gradient(135deg, #07080b 0%, #11141a 58%, #241a0b 100%);
  box-shadow: 0 26px 70px rgba(37, 25, 5, .3), inset 0 1px 0 rgba(255, 239, 183, .2), inset 0 -24px 50px rgba(0, 0, 0, .22);
}

.pro-membership-card::before {
  position: absolute;
  z-index: 0;
  inset: 8px;
  border: 1px solid rgba(232, 196, 106, .28);
  border-radius: 20px;
  content: "";
  pointer-events: none;
}

.pro-membership-card::after {
  position: absolute;
  top: -55%;
  right: -22%;
  width: 42%;
  height: 210%;
  background: linear-gradient(100deg, transparent, rgba(255, 225, 145, .08), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(14deg);
}

.pro-membership-top,
.pro-membership-card > .eyebrow,
.pro-membership-card > h1,
.pro-membership-card > p,
.pro-membership-card > div,
.pro-membership-card > form {
  position: relative;
  z-index: 1;
}

.pro-membership-card .vip-badge.large {
  padding: 9px 17px;
  border-color: #dcb75b;
  background: linear-gradient(180deg, rgba(255, 226, 145, .14), rgba(176, 124, 24, .08));
  color: #f5d57e;
  letter-spacing: .14em;
  box-shadow: inset 0 1px 0 rgba(255, 243, 202, .16), 0 8px 22px rgba(0, 0, 0, .22);
}

.pro-crown {
  width: 50px;
  height: 50px;
  border: 1px solid #e5bd5c;
  border-radius: 16px;
  background: linear-gradient(145deg, #ffe69b 0%, #d2a63f 42%, #8a5b0c 100%);
  color: #493008;
  font-size: 1.8rem;
  text-shadow: 1px 2px 0 #8b5d0c, 0 4px 10px rgba(255, 211, 90, .4);
  box-shadow: 0 10px 24px rgba(194, 143, 34, .28), inset 0 1px 0 #fff3bd;
}

.pro-membership-card h1 {
  max-width: 760px;
  color: #f3dfae;
  font-size: 24px;
  font-weight: 760;
  line-height: 1.35;
  letter-spacing: -.01em;
}

.pro-membership-card .eyebrow,
.pro-membership-card .pro-step {
  color: #f1c861 !important;
}

.pro-lead {
  color: #dfd0ac;
}

.pro-benefits div {
  border-color: rgba(229, 189, 92, .35);
  background: rgba(246, 211, 126, .09);
  color: #f6e8c4;
}

.pro-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid rgba(229, 189, 92, .3);
  border-left: 3px solid #d7ad4d;
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
  color: #fff8e2;
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.4;
}

.pro-benefits li > strong {
  flex: 0 0 20px;
  color: #f1c861;
  font-size: 1.05rem;
  line-height: 1.2;
}

.pro-benefits mark {
  padding: 1px 4px;
  border-radius: 4px;
  background: #f0c861;
  color: #241804;
  font-weight: 900;
}

.pro-benefits .pro-safety-item {
  display: block;
  margin: -2px 0 2px 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ff9d9d;
  font-size: .82rem;
  font-style: italic;
  line-height: 1.4;
}

.pro-benefits strong,
.pro-price strong {
  color: #f1c861;
}

.pro-price span {
  color: #d5c294;
}

.pro-safety {
  border-color: #a98231;
  background: rgba(126, 86, 13, .24);
  color: #f5dfaa !important;
}

.pro-safety {
  border: 0;
  padding: 0;
  background: transparent;
  color: #f09a9a !important;
  font-size: .82rem;
  font-style: italic;
  font-weight: 500;
  text-align: center;
}

.pro-cta {
  border: 1px solid #edca6b;
  background: linear-gradient(135deg, #f4d477, #b27c18);
  color: #2d2008;
  box-shadow: 0 10px 22px rgba(177, 125, 25, .28), inset 0 1px 0 #fff0b0;
}

.pro-cta:hover {
  background: linear-gradient(135deg, #ffe49a, #c18c25);
}

.pro-membership-top {
  justify-content: center;
}

.pro-membership-card > .eyebrow {
  display: block;
  margin-top: 18px;
  text-align: center;
}

.pro-membership-card h1,
.pro-membership-card .pro-lead,
.pro-membership-card .pro-step {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.pro-membership-card .pro-lead {
  max-width: 680px;
}

.pro-benefits {
  display: grid;
  width: min(100%, 760px);
  margin-right: auto;
  margin-left: auto;
  gap: 8px;
  justify-content: center;
  padding-left: 0;
  list-style: none;
}

.pro-price {
  justify-content: center;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 18px;
  border: 1px solid rgba(225, 183, 80, .32);
  border-radius: 14px;
  background: rgba(255, 224, 139, .07);
}

.pro-safety {
  margin-right: auto;
  margin-left: auto;
}

.pro-membership-card form {
  display: flex;
  justify-content: center;
}

.pro-membership-card > .eyebrow,
.creative-paywall > .eyebrow,
.members-shell > .member-panel > .eyebrow {
  display: none;
}