/* Header: the offer joins the expanding button instead of floating outside it. */
.site-header .premium-pill.has-plan-cycle.has-promotion{--pill-color:var(--offer-plan-color)!important;border-color:color-mix(in srgb,var(--offer-plan-color),#fff 24%)!important;box-shadow:inset 0 1px #ffffff18,0 8px 22px #0005,0 0 20px color-mix(in srgb,var(--offer-plan-color),transparent 74%)!important}
.site-header .premium-pill.has-plan-cycle .premium-promo-indicator{position:static!important;order:3!important;flex:0 0 auto;max-width:0;padding:0!important;margin:0!important;overflow:hidden;border:0!important;background:transparent!important;color:color-mix(in srgb,var(--offer-plan-color),#fff 30%)!important;font-size:7px!important;white-space:nowrap;opacity:0;box-shadow:none!important;transform:translateX(-6px);transition:max-width .4s ease,margin .4s ease,opacity .18s ease,transform .4s ease!important}
.site-header .premium-pill.has-plan-cycle.has-promotion:hover,.site-header .premium-pill.has-plan-cycle.has-promotion:focus-visible{width:174px!important;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--offer-plan-color),transparent 62%),transparent 48%),linear-gradient(145deg,#252e33,#12181c)!important}
.site-header .premium-pill.has-plan-cycle:hover .premium-promo-indicator,.site-header .premium-pill.has-plan-cycle:focus-visible .premium-promo-indicator{max-width:52px;margin-left:7px!important;opacity:1;transform:none}
.site-header .premium-pill.has-plan-cycle .premium-promo-indicator i{flex:0 0 4px;background:var(--offer-plan-color);box-shadow:0 0 9px var(--offer-plan-color)}

/* The account and community indicators inherit the offered plan's identity. */
.profile-subscription-link.has-offer{--account-plan-color:var(--offer-plan-color)!important;border-color:color-mix(in srgb,var(--offer-plan-color),transparent 48%)!important;background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--offer-plan-color),transparent 88%),transparent 42%)!important;box-shadow:inset 0 1px #ffffff0a,0 0 18px color-mix(in srgb,var(--offer-plan-color),transparent 88%)}
.profile-subscription-link.has-offer>em{border-color:color-mix(in srgb,var(--offer-plan-color),transparent 48%)!important;background:color-mix(in srgb,var(--offer-plan-color),transparent 88%)!important;color:color-mix(in srgb,var(--offer-plan-color),#fff 24%)!important;box-shadow:0 0 13px color-mix(in srgb,var(--offer-plan-color),transparent 78%)}
.social-layout>.shared-social-sidebar .social-menu a:has(.social-menu-offer),.social-notifications-layout .social-sidebar .social-menu a:has(.social-menu-offer),.post-page-layout .social-sidebar .social-menu a:has(.social-menu-offer){grid-template-columns:31px minmax(0,1fr) auto!important;overflow:visible!important}
.social-menu-offer{position:static!important;max-width:54px;min-width:0;padding:4px 6px!important;border-color:color-mix(in srgb,var(--offer-plan-color),transparent 52%)!important;background:color-mix(in srgb,var(--offer-plan-color),transparent 88%)!important;color:color-mix(in srgb,var(--offer-plan-color),#fff 18%)!important;line-height:1!important;box-shadow:0 0 12px color-mix(in srgb,var(--offer-plan-color),transparent 82%)}
.social-menu a:has(.social-menu-offer)>b{display:none!important}

/* Real plan emblem in offer cards. */
.member-offer-icon{overflow:visible;background:color-mix(in srgb,var(--offer-color),transparent 91%)!important;box-shadow:0 0 24px color-mix(in srgb,var(--offer-color),transparent 75%)}.member-offer-icon img{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--offer-color),transparent 30%));animation:offerEmblemFloat 3s ease-in-out infinite}.plans-member-offers{margin-top:34px;margin-bottom:70px}.plans-member-offers .member-promotions{margin-bottom:0}

/* Promotion notification: plan-colored, distinct and more prominent. */
.notification-dropdown [data-notification-list]>a.promotion-notification,.notifications-list .notification-page-row.promotion-notification{position:relative;isolation:isolate;overflow:hidden;border-left:3px solid var(--notification-plan-color)!important;background:linear-gradient(100deg,color-mix(in srgb,var(--notification-plan-color),#151b20 88%),#141a1f 72%)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--notification-plan-color),transparent 80%),inset 12px 0 28px color-mix(in srgb,var(--notification-plan-color),transparent 92%)}
.promotion-notification:before{content:"";position:absolute;z-index:-1;right:-35px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--notification-plan-color),transparent 70%),transparent 68%);pointer-events:none}.promotion-notification .notification-avatar,.promotion-notification .social-avatar{border-color:color-mix(in srgb,var(--notification-plan-color),#fff 18%)!important;background:color-mix(in srgb,var(--notification-plan-color),transparent 88%)!important;color:var(--notification-plan-color)!important;box-shadow:0 0 18px color-mix(in srgb,var(--notification-plan-color),transparent 64%)!important}.promotion-notification .notification-avatar img,.promotion-notification .social-avatar img{object-fit:contain!important}.promotion-notification .notification-copy>b{color:color-mix(in srgb,var(--notification-plan-color),#fff 34%)!important}.promotion-notification .notification-copy>span{color:#e0e6e8!important}.promotion-notification-tag{display:inline-flex!important;margin-left:6px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--notification-plan-color),transparent 48%);border-radius:99px;background:color-mix(in srgb,var(--notification-plan-color),transparent 87%);color:color-mix(in srgb,var(--notification-plan-color),#fff 24%);font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em;vertical-align:middle}.promotion-notification .notification-new-dot{background:var(--notification-plan-color)!important;box-shadow:0 0 9px var(--notification-plan-color)!important}
@keyframes offerEmblemFloat{50%{transform:translateY(-3px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.member-offer-icon img{animation:none}}

/* Final polish: offer signals and conversion card. */
.site-header .premium-pill.has-plan-cycle.has-promotion{isolation:isolate;overflow:hidden!important}
.site-header .premium-pill.has-plan-cycle.has-promotion:before{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:-70% -45%!important;background:linear-gradient(110deg,transparent 37%,color-mix(in srgb,var(--offer-plan-color),#fff 30%) 49%,transparent 61%)!important;opacity:.55!important;transform:translateX(-85%) rotate(4deg)!important;animation:premiumOfferSweep 4.2s ease-in-out infinite!important;pointer-events:none}
.site-header .premium-pill.has-plan-cycle.has-promotion:after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0!important;border:1px solid color-mix(in srgb,var(--offer-plan-color),#fff 30%)!important;border-radius:inherit!important;opacity:.65!important;animation:premiumOfferBorder 2.4s ease-in-out infinite!important;pointer-events:none}
.site-header .premium-pill.has-plan-cycle.has-promotion .premium-badge-cycle,.site-header .premium-pill.has-plan-cycle.has-promotion .premium-label,.site-header .premium-pill.has-plan-cycle.has-promotion .premium-promo-indicator{z-index:2!important}
.site-header .premium-pill.has-plan-cycle.has-promotion:hover .premium-badge-cycle{filter:drop-shadow(0 0 10px var(--offer-plan-color))!important}.site-header .premium-pill.has-plan-cycle.has-promotion:hover .premium-promo-indicator{filter:drop-shadow(0 0 6px var(--offer-plan-color))}

.profile-subscription-link.has-offer{position:relative;isolation:isolate;overflow:hidden!important;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s!important}.profile-subscription-link.has-offer:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--offer-plan-color),transparent 84%) 48%,transparent 72%);background-size:220% 100%;animation:accountOfferShimmer 4s linear infinite}.profile-subscription-link.has-offer:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--offer-plan-color),#fff 18%)!important;box-shadow:inset 0 1px #ffffff12,0 5px 21px color-mix(in srgb,var(--offer-plan-color),transparent 76%)!important}.profile-subscription-link.has-offer .account-menu-icon{color:var(--offer-plan-color)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--offer-plan-color),transparent 58%),0 0 13px color-mix(in srgb,var(--offer-plan-color),transparent 80%)}.profile-subscription-link.has-offer>em{position:relative;overflow:hidden;padding:6px 9px!important;animation:accountOfferPulse 2.1s ease-in-out infinite}.profile-subscription-link.has-offer>em:after{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-80%);animation:smallOfferSweep 3.6s ease-in-out infinite}.profile-subscription-link.has-offer>em i{background:var(--offer-plan-color)!important;box-shadow:0 0 8px var(--offer-plan-color)}

.member-promotions{border-color:color-mix(in srgb,var(--offer-plan-color,var(--lime)),#425148 60%);box-shadow:0 22px 65px #0008,inset 0 1px #ffffff10}.member-promotions article{position:relative;overflow:hidden;min-height:128px;padding:20px 22px}.member-promotions article:after{content:"";position:absolute;right:-75px;top:-105px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--offer-color),transparent 75%),transparent 68%);opacity:.55;pointer-events:none;animation:offerCardGlow 3.4s ease-in-out infinite}.member-offer-icon{width:64px!important;height:64px!important;border:1px solid color-mix(in srgb,var(--offer-color),transparent 55%);border-radius:19px!important;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--offer-color),transparent 66%),transparent 72%)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--offer-color),#fff 55%),0 0 28px color-mix(in srgb,var(--offer-color),transparent 60%)}.member-offer-icon img{width:54px;height:54px}.member-offer-copy>b{font-size:16px!important}.member-offer-copy>p{font-size:10px!important}.member-promotions form{position:relative;z-index:2}.member-promotions form button{position:relative;min-width:190px;min-height:50px;justify-content:space-between;padding:13px 17px!important;border:1px solid color-mix(in srgb,var(--offer-color),#fff 30%)!important;border-radius:14px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--offer-color),#fff 10%),var(--offer-color))!important;font-size:10px!important;box-shadow:0 10px 30px color-mix(in srgb,var(--offer-color),transparent 58%),inset 0 1px #fff8!important;overflow:hidden}.member-promotions form button:before{content:"";position:absolute;inset:-100% -35%;background:linear-gradient(110deg,transparent 38%,#fff9 50%,transparent 62%);transform:translateX(-85%);animation:offerCtaSweep 3.2s ease-in-out infinite}.member-promotions form button span,.member-promotions form button b{position:relative;z-index:1}.member-promotions form button b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#10150d18;font-size:15px}.member-promotions form button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 38px color-mix(in srgb,var(--offer-color),transparent 44%),inset 0 1px #fff!important}.plans-member-offers{margin:36px auto 18px}.plans-member-offers+.px-plans{padding-top:70px}

@keyframes premiumOfferSweep{0%,58%{transform:translateX(-85%) rotate(4deg)}78%,100%{transform:translateX(85%) rotate(4deg)}}@keyframes premiumOfferBorder{50%{opacity:.3;box-shadow:inset 0 0 15px color-mix(in srgb,var(--offer-plan-color),transparent 70%)}}@keyframes accountOfferShimmer{to{background-position:-220% 0}}@keyframes accountOfferPulse{50%{box-shadow:0 0 18px color-mix(in srgb,var(--offer-plan-color),transparent 55%)}}@keyframes smallOfferSweep{0%,62%{transform:translateX(-80%)}82%,100%{transform:translateX(80%)}}@keyframes offerCardGlow{50%{opacity:.85;transform:scale(1.08)}}@keyframes offerCtaSweep{0%,58%{transform:translateX(-85%)}80%,100%{transform:translateX(85%)}}
@media(max-width:650px){.member-promotions article{min-height:0;padding:16px}.member-offer-icon{width:48px!important;height:48px!important}.member-offer-icon img{width:41px;height:41px}.member-promotions form button{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.site-header .premium-pill.has-plan-cycle.has-promotion:before,.site-header .premium-pill.has-plan-cycle.has-promotion:after,.profile-subscription-link.has-offer:before,.profile-subscription-link.has-offer>em,.profile-subscription-link.has-offer>em:after,.member-promotions article:after,.member-promotions form button:before{animation:none!important}}

/* Emblem floats directly on the offer card, without a tile behind it. */
.member-promotions .member-offer-icon{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.member-promotions .member-offer-icon img{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--offer-color),transparent 35%))!important}

/* The complete offer block carries the offered subscription color. */
.member-promotions{border-color:color-mix(in srgb,var(--offer-section-color),#fff 12%)!important;background:radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--offer-section-color),transparent 72%),transparent 31%),linear-gradient(135deg,color-mix(in srgb,var(--offer-section-color),#0c1315 91%),#0c1316 58%,color-mix(in srgb,var(--offer-section-color),#0b1113 94%))!important;box-shadow:0 22px 65px #0009,0 0 32px color-mix(in srgb,var(--offer-section-color),transparent 88%),inset 0 1px color-mix(in srgb,var(--offer-section-color),#fff 50%)!important}
.member-promotions:before{background:radial-gradient(circle,color-mix(in srgb,var(--offer-section-color),transparent 62%),transparent 68%)!important}
.member-promotions>header{border-bottom-color:color-mix(in srgb,var(--offer-section-color),transparent 66%)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--offer-section-color),transparent 94%),color-mix(in srgb,var(--offer-section-color),transparent 86%))}
.member-promotions>header small{color:color-mix(in srgb,var(--offer-section-color),#fff 20%)!important}.member-promotions>header small i{background:var(--offer-section-color)!important;box-shadow:0 0 11px var(--offer-section-color)!important}.member-promotions>header>em{border:1px solid color-mix(in srgb,var(--offer-section-color),#fff 38%);background:var(--offer-section-color)!important;box-shadow:0 0 22px color-mix(in srgb,var(--offer-section-color),transparent 48%)!important}
.member-promotions article{border-color:color-mix(in srgb,var(--offer-color),transparent 42%)!important;background:radial-gradient(circle at 94% 25%,color-mix(in srgb,var(--offer-color),transparent 73%),transparent 25%),linear-gradient(110deg,color-mix(in srgb,var(--offer-color),#111718 86%),color-mix(in srgb,var(--offer-color),#0e1517 92%))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--offer-color),#fff 48%),0 8px 28px color-mix(in srgb,var(--offer-color),transparent 90%)!important}
.member-offer-meta em{background:color-mix(in srgb,var(--offer-color),transparent 88%)!important;border-color:color-mix(in srgb,var(--offer-color),transparent 48%)!important;color:color-mix(in srgb,var(--offer-color),#fff 28%)!important}

/* Strong interactive state for an available subscription offer. */
.profile-dropdown .profile-subscription-link.has-offer{--account-plan-color:var(--offer-plan-color)!important;position:relative!important;isolation:isolate;border:1px solid color-mix(in srgb,var(--offer-plan-color),transparent 68%)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--offer-plan-color),#151b1f 94%),#171d21)!important;box-shadow:inset 0 1px #ffffff0a!important;transition:transform .32s cubic-bezier(.2,.9,.25,1.18),border-color .28s,box-shadow .28s,background .28s!important}
.profile-dropdown .profile-subscription-link.has-offer:after{content:"";position:absolute;z-index:-1;inset:-45% -35%;background:linear-gradient(108deg,transparent 35%,color-mix(in srgb,var(--offer-plan-color),#fff 42%) 50%,transparent 65%);opacity:0;transform:translateX(-75%);pointer-events:none}
.profile-dropdown .profile-subscription-link.has-offer:hover{transform:translateY(-3px) scale(1.015)!important;border-color:color-mix(in srgb,var(--offer-plan-color),#fff 34%)!important;background:radial-gradient(circle at 82% 50%,color-mix(in srgb,var(--offer-plan-color),transparent 70%),transparent 38%),linear-gradient(110deg,color-mix(in srgb,var(--offer-plan-color),#151b1f 86%),#171d21)!important;box-shadow:0 12px 30px #0008,0 0 25px color-mix(in srgb,var(--offer-plan-color),transparent 58%),inset 0 1px color-mix(in srgb,var(--offer-plan-color),#fff 62%)!important}
.profile-dropdown .profile-subscription-link.has-offer:hover:after{opacity:.48;animation:subscriptionOfferSweep .72s cubic-bezier(.2,.75,.2,1) 1}
.profile-dropdown .profile-subscription-link.has-offer:hover .account-menu-icon{color:color-mix(in srgb,var(--offer-plan-color),#fff 20%)!important;border-color:color-mix(in srgb,var(--offer-plan-color),#fff 20%)!important;background:color-mix(in srgb,var(--offer-plan-color),transparent 82%)!important;box-shadow:0 0 20px color-mix(in srgb,var(--offer-plan-color),transparent 42%),inset 0 0 12px color-mix(in srgb,var(--offer-plan-color),transparent 78%)!important;animation:subscriptionIconPulse 1.25s ease-in-out infinite}
.profile-dropdown .profile-subscription-link.has-offer:hover .profile-subscription-copy>b{color:color-mix(in srgb,var(--offer-plan-color),#fff 34%)!important;text-shadow:0 0 12px color-mix(in srgb,var(--offer-plan-color),transparent 48%)}
.profile-dropdown .profile-subscription-link.has-offer:hover>em{border-color:color-mix(in srgb,var(--offer-plan-color),#fff 30%)!important;background:color-mix(in srgb,var(--offer-plan-color),transparent 74%)!important;color:color-mix(in srgb,var(--offer-plan-color),#fff 32%)!important;box-shadow:0 0 20px color-mix(in srgb,var(--offer-plan-color),transparent 42%)!important;animation:subscriptionBadgePulse 1.35s ease-in-out infinite}
.profile-dropdown .profile-subscription-link.has-offer:hover .profile-plan-arrow{color:var(--offer-plan-color)!important;filter:drop-shadow(0 0 6px var(--offer-plan-color));transform:translateX(3px)}
@keyframes subscriptionOfferSweep{from{transform:translateX(-75%)}to{transform:translateX(75%)}}@keyframes subscriptionIconPulse{50%{transform:scale(1.08);filter:brightness(1.18)}}@keyframes subscriptionBadgePulse{50%{transform:scale(1.045);filter:brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.profile-dropdown .profile-subscription-link.has-offer:hover:after,.profile-dropdown .profile-subscription-link.has-offer:hover .account-menu-icon,.profile-dropdown .profile-subscription-link.has-offer:hover>em{animation:none!important}}

.member-offer-deadline{display:inline-flex!important;align-items:center;gap:5px;padding:4px 7px!important;border:1px solid color-mix(in srgb,var(--offer-color),#fff 12%)!important;border-radius:6px;background:color-mix(in srgb,var(--offer-color),transparent 80%)!important;color:color-mix(in srgb,var(--offer-color),#fff 38%)!important;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.06em;box-shadow:0 0 14px color-mix(in srgb,var(--offer-color),transparent 78%)}.member-offer-deadline>i{width:5px;height:5px;border-radius:50%;background:var(--offer-color);box-shadow:0 0 8px var(--offer-color);animation:offerDeadlinePulse 1.4s ease-in-out infinite}.member-offer-deadline.is-expired{filter:grayscale(1);opacity:.65}.member-offer-deadline.no-deadline>i{animation-duration:2.4s}@keyframes offerDeadlinePulse{50%{opacity:.35;transform:scale(.68)}}
.admin-promotions-page .promotion-manager{margin-top:18px}.admin-promotions-page .page-title p:last-child{max-width:720px}
