.page-content:has(> .premium-page) { max-width: 880px; padding: 56px clamp(12px,3vw,28px) 72px; align-items: center; gap: 40px; }
.premium-page { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 40px; }
.premium-page__header { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; max-width: 560px; }
.premium-page__eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--front-color-warning,#f5c542); font: 600 10.5px var(--font-sans); letter-spacing: .1em; text-transform: uppercase; }
.premium-page__eyebrow svg { width: 13px; height: 13px; fill: currentColor; }
.premium-page__header h1 { margin: 0; font: 700 clamp(32px,4.4vw,48px)/1.05 var(--font-sans); letter-spacing: -.045em; text-wrap: balance; }
.premium-page__header > p { margin: 0; font: 500 15px/1.55 var(--font-sans); color: var(--front-color-muted,#9aa1ad); text-wrap: pretty; }
.site-page .premium-page__status { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(245,197,66,.45); background: rgba(245,197,66,.08); color: var(--front-color-warning,#f5c542); font: 700 12px var(--font-sans); transition: border-color .15s,color .15s; }
.site-page .premium-page__status:hover { border-color: var(--front-color-warning,#f5c542); color: var(--front-color-warning,#ffd866); }
.premium-page__status svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; flex: 0 0 auto; }
.premium-page__form { width: 100%; display: flex; flex-direction: column; gap: 28px; margin: 0; }
.premium-page fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.premium-page__plans { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 12px; }
.premium-page__radio, .premium-page__sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.premium-plan { position: relative; display: flex; min-width: 0; margin: 0; cursor: pointer; }
.premium-plan__card { position: relative; display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 20px 20px; border-radius: 18px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.08); background: rgba(var(--front-color-neutral-rgb,255,255,255),.03); color: var(--front-color-text,#f4f5f7); text-align: left; transition: border-color .15s,background .15s; }
.premium-plan:hover .premium-plan__card { border-color: rgba(222,23,34,.8); }
.premium-plan input:checked + .premium-plan__card { border-color: #de1722; background: rgba(222,23,34,.08); }
.premium-page__radio:focus-visible + span { outline: 2px solid var(--front-color-accent,#ff4b55); outline-offset: 4px; }
.premium-plan__badge { position: absolute; top: -10px; left: 18px; height: 20px; padding: 0 8px; border-radius: 999px; background: #de1722; color: #fff; font: 800 9.5px/20px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.premium-plan__badge.is-best-value { background: #f5c542; color: #0e1014; }
.premium-plan__heading { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; font: 600 10.5px var(--font-sans); letter-spacing: .1em; color: var(--front-color-muted,#9aa1ad); text-transform: uppercase; }
.premium-plan__indicator { width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; border: 2px solid rgba(var(--front-color-neutral-rgb,255,255,255),.25); display: grid; place-items: center; transition: border-color .15s; }
.premium-plan__indicator::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.premium-plan input:checked + span .premium-plan__indicator { border-color: #de1722; }
.premium-plan input:checked + span .premium-plan__indicator::after { background: #de1722; }
.premium-plan__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.premium-plan__price strong { font: 700 34px/1 var(--font-sans); letter-spacing: -.04em; overflow-wrap: anywhere; }
.premium-plan__price > span { font: 500 12.5px var(--font-sans); color: var(--front-color-muted,#9aa1ad); }
.premium-plan__note { font: 600 12px var(--font-sans); color: var(--front-color-muted,#9aa1ad); }
.premium-plan__note.has-discount { color: var(--front-color-success,#3ddc84); }
.premium-page__payment legend { margin: 0 0 10px; padding: 0; font: 600 10.5px var(--font-sans); letter-spacing: .1em; color: var(--front-color-muted,#9aa1ad); text-transform: uppercase; }
.premium-page__networks { display: flex; flex-wrap: wrap; gap: 8px; }
.premium-network { position: relative; display: flex; margin: 0; max-width: 100%; cursor: pointer; }
.premium-network > span { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); background: transparent; color: var(--front-color-text,#f4f5f7); font: 700 13px var(--font-sans); text-align: center; transition: border-color .15s,background .15s,color .15s,opacity .15s; }
.premium-network:hover > span { border-color: rgba(222,23,34,.8); }
.premium-network input:checked + span { border-color: #de1722; background: rgba(222,23,34,.12); color: var(--front-color-accent,#ff4b55); }
.premium-network input:disabled + span { opacity: .4; cursor: not-allowed; border-color: rgba(var(--front-color-neutral-rgb,255,255,255),.14); }
.premium-page__hint { margin: 10px 0 0; color: var(--front-color-muted,#9aa1ad); font: 500 12px/1.5 var(--font-sans); }
.premium-page__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.08); }
.premium-page__summary-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.premium-page__summary-copy > strong { font: 700 15px var(--font-sans); letter-spacing: -.01em; }
.premium-page__summary-copy > span { color: var(--front-color-muted,#9aa1ad); font: 500 12.5px/1.5 var(--font-sans); }
.premium-page__summary-copy b { color: var(--front-color-text,#f4f5f7); font-weight: 700; }
.site-page .premium-page__submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 10px 28px; border-radius: 12px; border: 0; background: #de1722; color: #fff; font: 800 15px var(--font-sans); text-align: center; transition: background .15s,transform .15s,opacity .15s; }
.site-page .premium-page__submit:hover:not(:disabled) { background: #f02a35; color: #fff; }
.site-page .premium-page__submit:active:not(:disabled) { transform: scale(.99); }
.site-page .premium-page__submit:disabled { opacity: .5; cursor: not-allowed; }
.premium-page [aria-busy=true] { cursor: wait; }
.premium-page__terms { margin: -14px 0 0; font: 500 11.5px/1.5 var(--font-sans); color: var(--front-color-muted,#6b717c); }
.premium-page__notice, .premium-page__error { width: 100%; margin: 0; padding: 12px 16px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); border-radius: 12px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.03); color: var(--front-color-muted,#9aa1ad); font: 500 13px/1.5 var(--font-sans); }
.premium-page__error { border-color: rgba(222,23,34,.35); background: rgba(222,23,34,.12); color: var(--front-color-danger,#ffb3b8); }
@media (prefers-reduced-motion: reduce) { .premium-page *, .premium-page *::after { transition: none !important; } }