.home-subscription { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: 56px; align-items: start; padding: 36px 0; margin: 22px 0 36px; border-top: 1px solid #756532; border-bottom: 1px solid #31424c; color: #e5edf0; scroll-margin-top: 90px; }
html body .home-subscription :not(.ti) { font-family: Inter, sans-serif !important; letter-spacing: 0; }
.hsub-intro, .hsub-purchase { min-width: 0; }
.hsub-eyebrow { display: flex; align-items: center; gap: 8px; color: #f3ce51; font-size: 13px; margin: 0 0 12px; }
.hsub-eyebrow i { font-size: 19px; }
html body .home-subscription h2 { margin: 0 0 16px; color: #f4f7f8; font-size: 30px; font-weight: 600 !important; line-height: 1.25; text-transform: none; text-shadow: none; overflow-wrap: anywhere; }
html body .home-subscription :is(p,span,a) { font-weight: 400; }
.hsub-lead { color: #aebfc8; font-size: 16px; line-height: 1.7; margin: 0 0 22px; max-width: 600px; }
.hsub-active { display: flex; align-items: center; gap: 8px; color: #8cd8bd; font-size: 14px; line-height: 1.5; margin: 0 0 20px; }
.hsub-active i { font-size: 20px; flex-shrink: 0; }
.hsub-benefits { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 28px; padding: 0; margin: 0 0 28px; list-style: none; }
.hsub-benefits li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.hsub-benefits li > i { color: #83d6c9; font-size: 23px; flex: 0 0 24px; margin-top: 2px; }
.hsub-benefits strong { display: block; color: #e6edf1; font-size: 14px; line-height: 1.5; font-weight: 500 !important; margin-bottom: 4px; }
.hsub-benefits span { display: block; color: #a4b6c1; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.hsub-games { border-top: 1px solid #2c3d45; padding-top: 18px; }
.hsub-games p { color: #9eb3be; font-size: 13px; margin: 0 0 12px; }
.hsub-games p strong { color: #e1c666; font-weight: 500 !important; }
.hsub-games ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 14px; padding: 0; margin: 0; list-style: none; }
.hsub-games a { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 8px; align-items: center; position: relative; color: #cfdee5; text-decoration: none; }
.hsub-games img { display: block; width: 48px; height: 48px; object-fit: contain !important; border-radius: 4px; background: #0b1319; }
.hsub-games a span { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.hsub-games a > i { display: none; }
.hsub-games a:hover { color: #8dded1; }
.hsub-exclusions { display: flex; align-items: flex-start; gap: 8px; color: #91a6b0; font-size: 12px; line-height: 1.7; margin: 20px 0 0; }
.hsub-exclusions i { font-size: 17px; flex: 0 0 18px; margin-top: 2px; }
.hsub-tariffs { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
.hsub-tariffs legend { padding: 0; margin-bottom: 16px; color: #edf3f5; font-size: 18px; line-height: 1.5; font-weight: 500; }
.hsub-tariff { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 12px; align-items: start; min-width: 0; padding: 16px 18px; border: 1px solid #344951; border-radius: 6px; background: #111d24; cursor: pointer; }
.hsub-tariff:has(input:checked) { border-color: #d8b44d; background: #23251c; box-shadow: inset 3px 0 0 #e5c451; }
.hsub-tariff:focus-within { outline: 2px solid #87d8cc; outline-offset: 3px; }
.hsub-tariff input { width: 17px; height: 17px; margin: 4px 0 0; accent-color: #f2cd51; color-scheme: dark; }
.hsub-tariff-body { min-width: 0; }
.hsub-tariff-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; }
.hsub-tariff-heading strong { font-size: 17px; color: #edf3f6; font-weight: 500 !important; }
.hsub-tariff-heading > span { font-size: 22px; line-height: 1.4; color: #f2cd51; white-space: nowrap; }
.hsub-tariff-name { display: block; font-size: 12px; color: #9cb1bd; line-height: 1.5; margin-top: 4px; overflow-wrap: anywhere; }
.hsub-tariff-detail { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin-top: 10px; font-size: 12px; line-height: 1.5; color: #abc0c8; }
.hsub-saving { color: #90d2b8; }
.hsub-pay { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; margin-top: 16px; padding: 12px 16px; border: 1px solid #f2cd51; border-radius: 5px; color: #17201c; background: #f2cd51; cursor: pointer; font-size: 15px; line-height: 1.5; }
.hsub-pay i { flex: 0 0 20px; font-size: 20px; }
.hsub-pay [data-package-action] { min-width: 0; overflow-wrap: anywhere; }
.hsub-pay:hover { background: #ffe07d; }
.hsub-pay:focus-visible, .home-subscription a:focus-visible { outline: 2px solid #87d8cc; outline-offset: 4px; }
.hsub-payment-note { color: #98adb9; font-size: 12px; line-height: 1.7; margin: 12px 0 0; }
.hsub-documents { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #2b3e46; }
.hsub-documents a, .hsub-retry { color: #83d6c9; font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.hsub-notice { padding: 18px 0; margin: 0; color: #c5d4db; font-size: 15px; line-height: 1.7; }
.hsub-retry { display: inline-flex; gap: 6px; align-items: center; }
@media(max-width:1100px) {
    .home-subscription { gap: 32px; grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); }
    .hsub-benefits { grid-template-columns: 1fr; gap: 16px; }
    .hsub-games ul { grid-template-columns: 1fr; gap: 12px; }
}
@media(max-width:760px) {
    .home-subscription { grid-template-columns: minmax(0,1fr); padding: 28px 0; gap: 26px; margin: 20px 0 28px; }
    html body .home-subscription h2 { font-size: 25px; }
    .hsub-lead { font-size: 15px; }
    .hsub-games ul { grid-template-columns: 1fr; }
    .hsub-tariff { padding: 14px; }
}