.membership-gate{box-sizing:border-box;min-width:0;border:1px solid #dfe8e2;border-radius:16px;background:#fff;color:#264237;overflow:hidden;box-shadow:0 7px 24px #294e3803}
.membership-gate *{box-sizing:border-box}
.membership-gate svg{width:20px;height:20px;flex:none}
.membership-gate-main{display:flex;align-items:flex-start;gap:27px;max-width:760px;padding:58px 48px 53px;margin:0 auto;min-height:320px}
.membership-gate-mark{display:grid;place-items:center;width:76px;height:76px;flex:none;border:1px solid #e0e9dc;border-radius:22px;background:linear-gradient(140deg,#f2f7ef,#f7f9f2);color:#6e8763}
.membership-gate-mark svg{width:33px;height:33px;stroke-width:1.35}
.membership-gate-copy{min-width:0;flex:1;padding-top:2px}
.membership-gate-eyebrow{display:block;margin:0 0 12px;color:#8a9b88;font-size:10px;font-weight:500;letter-spacing:2.3px;line-height:1.5}
.membership-gate h1{font-size:26px;font-weight:600;line-height:1.5;letter-spacing:.5px;margin:0 0 10px;color:#244334}
.membership-gate-description{font-size:13px;line-height:1.9;margin:0;color:#7a8c80;overflow-wrap:anywhere}
.membership-gate-expiry{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:15px 0 0;font-size:11px;line-height:1.8;color:#8c9585}
.membership-gate-expiry time{color:#7e846c;font-variant-numeric:tabular-nums}
.membership-gate-details{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0 0;padding:0;min-width:0}
.membership-gate-details>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.membership-gate-details dt{color:#8b9787;font-size:11px;line-height:1.8;flex:none}
.membership-gate-details dd{margin:0;color:#61765b;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.membership-gate-details time{font-size:11px}
.membership-gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.membership-gate .membership-gate-actions button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:11px 19px;border-radius:8px;font:inherit;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}
.membership-gate .membership-gate-renew{background:#248264;border:1px solid #248264;color:#fff}
.membership-gate .membership-gate-renew:hover{background:#1b6c53;border-color:#1b6c53}
.membership-gate-renew svg{width:16px;height:16px}
.membership-gate .membership-gate-plans{background:#fff;border:1px solid #e2e9e2;color:#61765f}
.membership-gate .membership-gate-plans:hover{background:#f5f8f3;border-color:#c9d7c7}
.membership-gate .membership-gate-support{border:0;background:transparent;color:#7f9278;padding-inline:6px;font-weight:400}
.membership-gate .membership-gate-support:hover{color:#248264;background:#f7faf5}
.membership-gate-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 27px;background:#f9fbf8;border-top:1px solid #edf1ea}
.membership-gate-bottom p{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:#889882;font-size:11px;line-height:1.8}
.membership-gate-bottom p svg{width:15px;height:15px;color:#94a88b}
.membership-gate .membership-gate-refresh{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;padding:9px 3px;border:0;border-radius:5px;background:transparent;color:#708568;font:inherit;font-size:11px;line-height:1.6;cursor:pointer}
.membership-gate .membership-gate-refresh:hover{color:#248264}
.membership-gate-refresh svg{width:14px;height:14px}
.membership-gate button:focus-visible{outline:2px solid #248264;outline-offset:4px}
.activations-console.activations-locked{padding:0;border:0;background:transparent}
@media(max-width:760px){.membership-gate-main{padding:36px 29px 35px;gap:20px;min-height:310px}.membership-gate-mark{width:62px;height:62px;border-radius:18px}.membership-gate-mark svg{width:28px;height:28px}.membership-gate h1{font-size:24px}.membership-gate-bottom{padding:12px 22px;align-items:flex-start}.membership-gate-bottom p{padding-top:12px}.membership-gate-bottom p svg{margin-top:2px;align-self:flex-start}}
@media(max-width:480px){.membership-gate{border-radius:14px}.membership-gate-main{flex-direction:column;gap:23px;padding:31px 24px 32px;min-height:0}.membership-gate-copy{width:100%;padding:0}.membership-gate-eyebrow{margin-bottom:10px}.membership-gate h1{font-size:24px}.membership-gate-description{font-size:12px}.membership-gate-actions{margin-top:25px;gap:9px}.membership-gate .membership-gate-actions button{padding:11px 17px;flex:1;gap:12px}.membership-gate-bottom{flex-direction:column;gap:3px;padding:16px 24px 10px}.membership-gate-bottom p{padding:0;font-size:10px}.membership-gate .membership-gate-refresh{align-self:flex-start;padding-inline:0;font-size:11px}}
@media(max-width:480px){.membership-gate-details{flex-direction:column;gap:7px}.membership-gate .membership-gate-actions .membership-gate-support{flex-basis:100%;justify-content:flex-start;padding:7px 0;min-height:44px}.membership-gate-actions{row-gap:1px}}
@media(prefers-reduced-motion:reduce){.membership-gate .membership-gate-actions button{transition:none}}
