.subscription-menu{position:relative;margin-left:auto}.subscription-chip{cursor:pointer;list-style:none;border:1px solid #cbdccf;background:#eef7eb;color:#155239;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:700;white-space:nowrap}.subscription-chip::-webkit-details-marker{display:none}.subscription-chip.due{background:#fff4e7;border-color:#e8cbaa;color:#985318}.subscription-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:280px;background:white;border:1px solid #dce6de;box-shadow:0 12px 40px #173c3224;border-radius:14px;padding:22px}.subscription-dropdown small{font-size:10px;letter-spacing:1.4px;color:#697c71}.subscription-dropdown p{line-height:1.8}.renewal-shell{background:white;border:1px solid #dce5de;border-radius:20px;padding:24px;margin-bottom:28px}.renewal-banner{background:linear-gradient(110deg,#103c30,#1d6451);border-radius:14px;padding:26px 30px;color:#fff;margin-bottom:26px}.renewal-banner>div{display:flex;align-items:center;gap:14px}.renewal-banner strong{font-size:19px}.renewal-banner small{display:block;color:#d0e5d5;margin-top:5px}.renewal-symbol{background:#ffffff15;border:1px solid #ffffff30;border-radius:12px;font-size:27px;padding:8px 14px}.renewal-steps{padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:5px}.renewal-steps li{position:relative;display:flex;flex-direction:column;align-items:center;font-size:12px;color:#c1d6c9;gap:9px;text-align:center}.renewal-steps li:before{content:'';position:absolute;height:2px;top:15px;left:0;right:0;background:#ffffff22}.renewal-steps li:first-child:before{left:50%}.renewal-steps li:last-child:before{right:50%}.renewal-steps li span{position:relative;z-index:1;border:1px solid #83a89a;border-radius:50%;width:32px;height:32px;line-height:30px;background:#204e3d}.renewal-steps li[aria-current]{color:#e1fc9a;font-weight:700}.renewal-steps li[aria-current] span{color:#173c30;background:#d5f575;border-color:#d5f575;box-shadow:0 0 0 4px #ddf9a21a}.renewal-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.subscription-card{background:linear-gradient(125deg,#164932,#257155);color:#fff;border-radius:14px;padding:28px;min-width:0}.subscription-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.8px}.subscription-tag{padding:7px 9px;background:#ffffff1c;border-radius:16px;text-align:center}.subscription-card h2{font-size:29px;margin:25px 0 8px;color:white}.subscription-card hr{border:0;border-top:1px solid #ffffff24;margin:26px 0}.subscription-card small{color:#d1e4d5;font-size:11px}.subscription-price{font-size:31px;font-weight:750;margin:0}.subscription-price small{font-size:14px}.subscription-annual{color:#def0d6}.expiry-date{font-size:21px;font-weight:700;margin-top:6px}.subscription-card p:not(.subscription-price){line-height:1.6}.muted-light{font-size:12px;color:#cee3d5}.renewal-callout{padding:24px 16px;align-self:center}.renewal-callout h2{font-size:26px;margin:16px 0}.annual-price{font-size:36px;font-weight:750;color:#1c593d;margin:0}.annual-price small{font-size:15px;font-weight:500}.renewal-savings{padding:14px 16px;background:#eef8e4;color:#285d28;border:1px solid #dbeacd;border-radius:8px;font-size:13px;line-height:1.6;margin:18px 0}.renewal-shell .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;text-align:center;white-space:normal}.renewal-shell .muted{font-size:13px;line-height:1.7}.renewal-choices{padding:8px 0}.renewal-choices h2,.renewal-summary h2{font-size:22px;margin-top:0}.duration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 22px}.duration-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:25px 18px 20px;border:1px solid #d4ded7;border-radius:12px;color:#213b30;text-decoration:none;min-height:160px;background:#fdfefd}.duration-card:hover{border-color:#246c4e;background:#f4f9ef}.duration-card.selected{outline:2px solid #317958;outline-offset:2px;background:#f0f8e9;border-color:#317958}.duration-card strong{font-size:27px}.duration-card small{font-size:12px;color:#64756b;font-weight:400}.duration-card>span{font-weight:600;font-size:14px}.duration-card .best-offer{position:absolute;top:-12px;left:14px;padding:5px 10px;border-radius:20px;background:#1e5e3e;color:white;font-size:9px;letter-spacing:.5px}.duration-card .plan-saving{align-self:flex-start;background:#daedc7;color:#31592f;border-radius:5px;padding:4px 9px;font-size:11px}.renewal-summary{border:1px solid #d9e4da;background:#fcfdfb;border-radius:13px;padding:25px;min-width:0}.renewal-dates{display:flex;gap:14px;justify-content:space-between;align-items:center;background:#f1f5ec;padding:16px;border-radius:8px}.renewal-dates small{font-size:9px;letter-spacing:.7px;color:#607266;display:block;margin-bottom:9px;line-height:1.5}.renewal-dates strong{font-size:13px;display:block;color:#2c6549}.renewal-details{margin:24px 0}.renewal-details>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:13px 0;border-bottom:1px solid #e9eee9;line-height:1.5}.renewal-details dt{color:#64756b;font-size:13px}.renewal-details dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere;max-width:65%;font-size:14px}.renewal-details .renewal-total{margin-top:8px;border-bottom:0}.renewal-total dd{font-size:27px;color:#133d2b}.payment-provider{border:1px solid #74a689;padding:15px;border-radius:9px;background:#f2f8ef;line-height:1.7;font-size:13px}.renewal-pay{width:100%}.renewal-confirmation{max-width:720px;margin:35px auto 25px;text-align:center}.confirmation-icon{width:66px;height:66px;margin:0 auto 20px;background:#e2f4df;border-radius:50%;color:#2e7c4d;font-size:39px;line-height:66px}.confirmation-icon.waiting{background:#fff5e2;color:#a37529}.confirmation-icon.failed{background:#feebe8;color:#a24b38}.renewal-confirmation h2{font-size:27px;line-height:1.3;margin-top:16px}.renewal-confirmation p{line-height:1.7}.confirmed-expiry{font-size:32px;font-weight:750;color:#266c46;margin:8px 0 30px}.renewal-confirmation .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.receipt-id{word-break:break-all;font-size:12px}.renewal-receipt{max-width:800px;margin:auto}.renewal-receipt h1{margin-top:18px}.renewal-history h2{font-size:20px}.renewal-shell a:focus-visible,.subscription-chip:focus-visible{outline:3px solid #6b953b;outline-offset:4px}.renewal-summary .button:disabled{opacity:.6}.topbar{gap:14px}.topbar .crumb{min-width:0}
@media(max-width:1150px){.topbar .crumb{display:none}.renewal-layout{grid-template-columns:1fr}.renewal-callout{padding:10px}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duration-card{padding:24px 13px 16px}}
@media(max-width:760px){.renewal-shell{padding:14px;border-radius:14px}.renewal-banner{padding:20px 14px}.renewal-steps{margin-top:23px}.renewal-steps li{font-size:10px}.subscription-card{padding:23px}.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.renewal-summary{padding:18px}.renewal-confirmation h2{font-size:24px}.confirmed-expiry{font-size:26px}.renewal-total dd{font-size:23px}.subscription-chip{font-size:11px;padding:9px 12px}.subscription-menu{margin-left:0;margin-right:auto}.subscription-dropdown{right:auto;left:-30px;max-width:calc(100vw - 30px)}.topbar .profile>div{display:none}.topbar .profile{gap:6px}.subscription-card-heading{font-size:10px}.renewal-dates{gap:9px;padding:12px}.renewal-details>div{gap:14px}}
@media print{.sidebar,.topbar,.receipt-actions,footer,.notice{display:none!important}.main{margin:0!important}.main main{padding:0!important}.renewal-receipt{max-width:none;border:0;box-shadow:none}.renewal-receipt a{color:inherit}}