:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}.migration-main{max-width:1100px}.subscription-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.subscription-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.2}.subscription-heading h2{font-size:23px;line-height:1.3}.subscription-card{border:1px solid #2b4056;border-radius:22px;padding:24px;background:#101e30;margin:20px 0;min-width:0}.subscription-card h2,.subscription-card h3{margin:0 0 12px}.subscription-card p{line-height:1.65;color:#a5bad0}.subscription-banner{background:#123331;border-color:#376e65}.subscription-banner.warn{background:#2a251c;border-color:#766040}.subscription-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.subscription-actions>*{white-space:normal;text-align:center;min-height:44px}.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subscription-grid .subscription-card{margin:0;display:flex;flex-direction:column}.subscription-grid .subscription-actions{margin-top:auto;padding-top:14px}.subscription-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subscription-facts small{display:block;color:#a5bad0;margin-bottom:6px}.subscription-facts strong{font-size:16px}.subscription-badge{display:inline-block;border:1px solid #46766c;border-radius:999px;padding:5px 10px;font-size:12px;color:#65ddc9;margin-bottom:12px}.subscription-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #2b4056}.subscription-row:last-child{border-bottom:0}.subscription-row p{margin:6px 0;font-size:13px}.subscription-row small{color:#a5bad0}.subscription-limit{border:1px solid #2b4056;border-radius:14px;padding:16px;line-height:1.65;background:#0c1727}.subscription-limit.warn{border-color:#766040}.subscription-limit p{font-size:13px;margin:8px 0 0;color:#a5bad0}.subscription-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}dialog{width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #304860;border-radius:22px;background:#101e30;color:#f0f5fc}dialog::backdrop{background:#030b16bf;backdrop-filter:blur(5px)}dialog form{display:grid;gap:14px}dialog label{display:grid;gap:8px;font-size:14px}dialog input,dialog select{width:100%;min-width:0;font-size:16px}dialog .subscription-check{display:flex;align-items:flex-start;gap:12px}dialog input[type=checkbox]{width:18px;height:18px;flex:none;margin-top:3px}dialog p{line-height:1.7;margin:0;color:#b1c2d7}.subscription-help{font-size:14px;color:#a5bad0;line-height:1.7}a,a:visited{color:#5edac8}.subscription-price{font-size:22px;font-weight:700;margin-bottom:12px}.subscription-history summary{cursor:pointer;font-weight:650}.subscription-card li{color:#b1c2d7;font-size:14px;line-height:1.7}.subscription-card li+li{margin-top:7px}@media(max-width:700px){.subscription-grid,.subscription-facts,.subscription-limits{grid-template-columns:1fr}.subscription-heading{align-items:flex-start;flex-direction:column}.subscription-card{padding:20px}.subscription-actions>*{flex:1 1 100%}.subscription-row{grid-template-columns:1fr}dialog{padding:18px}dialog .subscription-heading{flex-direction:row;align-items:center}.subscription-heading>button{width:100%}}
:root #subscriptionClose{flex:0 0 44px;width:44px;height:44px;padding:0;font-size:24px;line-height:1;align-self:flex-start}
#subscriptionDialogTitle{min-width:0;margin:0;overflow-wrap:anywhere}

.subscription-sections{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px;padding:8px;border:1px solid #2b4056;border-radius:16px;background:#101e30}.subscription-sections a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;text-decoration:none;border-radius:10px;color:#d8e7f6}.subscription-sections a:hover{background:#193b40;color:#6be0ce}.subscription-sections a:focus-visible{outline:2px solid #5edac8;outline-offset:2px}.subscription-card[id],#subscriptionPlans{scroll-margin-top:90px}.subscription-card.current{border-color:#4b9c90;background:linear-gradient(155deg,#153b3b,#101e30 65%)}.subscription-invoice-price{font-size:clamp(30px,4vw,42px);font-weight:750;letter-spacing:-.03em;line-height:1.3;margin:14px 0}.subscription-payment{border-color:#437c73;background:linear-gradient(120deg,#142e35,#101e30)}.subscription-payment-note{font-size:13px;border-top:1px solid #2b4056;padding-top:16px;margin-top:18px}.subscription-pending-note{padding:16px;border:1px solid #766040;border-radius:14px;background:#2a251c;color:#e4d5b9;line-height:1.6}.subscription-stars-price{margin:0 0 18px!important}.subscription-history summary{min-height:44px;line-height:1.5;padding:8px 0}.subscription-history[open] summary{margin-bottom:18px}.subscription-card .subscription-badge{margin-bottom:14px}.subscription-card p{overflow-wrap:anywhere}#subscriptionStatus{min-height:24px;color:#a5bad0;font-size:14px}#subscriptionPlans>h2{font-size:26px;margin:32px 0 10px}#subscriptionPlans>.subscription-help{margin-bottom:22px}.subscription-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:700px){.subscription-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.subscription-sections a{padding:10px 7px;font-size:13px;text-align:center}.subscription-facts{grid-template-columns:1fr}.subscription-card[id],#subscriptionPlans{scroll-margin-top:72px}}
#subscriptionContent.has-payment{display:grid;align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}#subscriptionContent.has-payment>.subscription-card{margin:0}#subscriptionContent.has-payment>#subscriptionPlans,#subscriptionContent.has-payment>#subscriptionUsage,#subscriptionContent.has-payment>#subscriptionHistory{grid-column:1/-1}.subscription-heading h1{margin:0 0 10px}#subscriptionStatus{margin:12px 0}.subscription-sections{margin:14px 0 22px}.subscription-facts{gap:12px}@media(max-width:1000px){#subscriptionContent.has-payment{grid-template-columns:1fr}}
.subscription-order-summary{display:grid;gap:12px;padding:18px;border:1px solid #437c73;border-radius:14px;background:#123139}.subscription-order-summary>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.subscription-order-summary span{font-size:13px;color:#b1c2d7}.subscription-order-summary strong{font-size:22px;color:#f0f5fc}

#subscriptionProviderCards{display:grid;gap:16px}.subscription-method-group{border:0;padding:0;margin:0;min-width:0;display:grid;gap:10px}.subscription-method-group legend{padding:0;margin:0 0 10px;font-weight:650;font-size:14px;color:#d8e7f6}.subscription-method{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #304860;border-radius:14px;background:#0c1727;cursor:pointer}.subscription-method:has(input:checked){border-color:#5edac8;background:#163b3e}.subscription-method:focus-within{outline:2px solid #5edac8;outline-offset:2px}.subscription-method input[type=radio]{width:18px;height:18px;flex:none;margin:0;accent-color:#5edac8}.subscription-method span{display:grid;gap:5px;min-width:0}.subscription-method small{font-size:13px;font-weight:400;line-height:1.5;color:#b1c2d7}.subscription-method-help{font-size:12px;margin-top:10px!important}#subscriptionFormStatus:empty{display:none}

@media(max-width:700px){#subscriptionForm>.subscription-actions{position:sticky;bottom:-18px;background:#101e30;padding:12px 0 18px;border-top:1px solid #304860;z-index:1}#subscriptionForm>.subscription-actions>*{flex:1 1 auto}#subscriptionForm>.subscription-actions>.primary{flex-grow:2}}

#subscriptionContent.has-payment>.subscription-return{grid-column:1/-1}.subscription-return{border-color:#437c73}.subscription-return:focus{outline:2px solid #5edac8;outline-offset:3px}
