.account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-notice,main>#message{margin-bottom:24px}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-bottom:70px}
.account-layout>*,.account-side>*{min-width:0}
.account-side{display:grid;align-content:start;gap:24px}
.account-side h2{font-size:23px}
.subscription-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}
.status-pill{display:inline-block;border:1px solid #376050;color:var(--green);background:#1d3b32;padding:5px 12px;border-radius:20px;font-size:12px}
.status-pill.inactive{color:var(--amber);border-color:#665331;background:#30291f}
.expiry{text-align:right;max-width:190px}.expiry strong{display:block;font-size:15px;margin-top:5px}
.quota-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px}.quota-heading h2{font-size:27px}
.quota-heading .button{font-size:12px;min-height:44px;padding:9px 13px}
.quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.quota-card{padding:23px}.quota-card h3{font-size:19px}.quota-value{font-size:34px;font-weight:650;letter-spacing:-.045em;line-height:1.2;margin-top:23px}.quota-value.unknown{font-size:23px;letter-spacing:-.02em;color:var(--amber)}
.quota-card .field-note{font-size:12px}.quota-card progress{display:block;width:100%;height:7px;accent-color:#91b1ff;margin:18px 0}.quota-card .button{font-size:12px;padding:11px 12px}
.quota-card[data-role=direct] progress{accent-color:var(--green)}
.check-option{display:flex;align-items:start;gap:10px;font-size:14px;cursor:pointer}.check-option input{width:18px;height:18px;margin:3px 0 0;accent-color:#91b1ff;flex-shrink:0}
.bonus-line{font-size:24px;margin-top:22px;color:var(--green)}.block-link{display:block}
.access-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:28px}.access-panel details{padding-top:0;border-bottom:0}
#checkoutRecovery{margin-bottom:50px}.otp-input{font-size:26px;letter-spacing:8px;text-align:center}
@media(max-width:1000px){.account-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.quota-card{padding:18px}.quota-value{font-size:29px}.subscription-heading{flex-wrap:wrap}.expiry{text-align:left}}
@media(max-width:760px){.account-layout{grid-template-columns:1fr;margin-bottom:45px}.access-panel{grid-template-columns:1fr;gap:28px}.account-heading{align-items:start;flex-direction:column;gap:18px}.quota-heading{align-items:start;gap:14px}.quota-grid{gap:12px}.quota-card{padding:18px}.quota-value{font-size:27px}.quota-value.unknown{font-size:21px}.subscription-heading h2{font-size:24px}.account-side{gap:18px}}
@media(max-width:380px){.quota-grid{grid-template-columns:1fr}.quota-heading{flex-wrap:wrap}.quota-heading h2{font-size:25px}}