.upgrade-page{min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#e8efff,transparent 65%),#f5f7fb;color:#182338}
.upgrade-page .page-shell{max-width:920px;margin:auto;padding:40px 24px 60px;position:relative}
.upgrade-page .site-hero{margin:24px 0 28px;text-align:center}
/* The back link sits on its own centred line above the title, like on the subscription and replacement pages. */
.upgrade-page .back-home-link{display:flex;justify-content:center;margin-bottom:12px}.upgrade-page h1{font-size:38px;letter-spacing:-1px;margin:12px 0}
.upgrade-page .hero-subtitle{font-size:16px;color:#6c7c94;line-height:1.6}.upgrade-eyebrow{font-size:12px;letter-spacing:2px;color:#3164da;background:#e3ecff;border-radius:20px;padding:7px 14px}
.upgrade-card{max-width:720px;margin:auto;padding:32px;background:white;border:1px solid #e1e7f1;border-radius:24px;box-shadow:0 16px 50px #2538650c}
.upgrade-steps{display:flex;list-style:none;padding:0 0 24px;margin:0 0 26px;border-bottom:1px solid #edf0f5;gap:18px}.upgrade-steps li{flex:1;display:flex;align-items:center;gap:8px;color:#7a899f;font-size:13px;line-height:1.5}.upgrade-steps span{display:grid;place-items:center;border-radius:50%;background:#f0f3f8;width:28px;height:28px;flex-shrink:0}.upgrade-steps .active{color:#2459d3;font-weight:600}.upgrade-steps .active span{background:#e7eeff}.upgrade-steps .done span{background:#3164da;color:white}
.upgrade-card h2{font-size:21px;margin:0 0 10px}.upgrade-muted{color:#738096;font-size:13px;line-height:1.7;margin:10px 0 20px}.upgrade-card .field-label{display:block;margin:20px 0 8px;font-size:13px;font-weight:600}
.upgrade-input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #d8dfeb;border-radius:10px;background:white;color:#182338;font:inherit;font-size:14px;resize:vertical;min-width:0}.upgrade-input:focus{outline:3px solid #e6edff;border-color:#3869df}.upgrade-footer a{color:#3464cf;text-decoration:none}.upgrade-card .btn-lg{width:100%;box-sizing:border-box;justify-content:center;text-align:center;margin-top:12px;text-decoration:none;min-height:48px;line-height:1.5;padding:13px;border-radius:10px;font-weight:600}.upgrade-card button:disabled{opacity:.6;cursor:wait}
.upgrade-link{background:none;border:0;color:#3464cf;font-size:13px;cursor:pointer;padding:10px 0}.upgrade-details{margin:16px 0 24px;border:1px solid #e6ebf2;border-radius:12px;overflow:hidden}.upgrade-details>div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 16px;border-bottom:1px solid #edf0f5;font-size:13px}.upgrade-details>div:last-child{border:0}.upgrade-details dt{color:#7b879a}.upgrade-details dd{margin:0;overflow-wrap:anywhere;font-weight:500}
.upgrade-methods{border:0;padding:0;margin:0}.upgrade-methods legend{font-size:13px;font-weight:600;margin-bottom:10px}.upgrade-method-choice{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid #e0e6ef;border-radius:10px;margin-bottom:8px;cursor:pointer;font-size:14px}.upgrade-method-choice:has(input:checked){border-color:#3671ee;background:#f6f9ff}.upgrade-method-choice input{accent-color:#2e65df;width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;padding:0;box-shadow:none}.upgrade-method-choice strong{margin-left:auto;font-size:14px}
.upgrade-message{padding:13px 15px;border-radius:10px;background:#fff6e7;color:#94621c;line-height:1.6;font-size:13px;margin-bottom:20px;overflow-wrap:anywhere}.upgrade-message.error{background:#fff0f0;color:#b43838}.upgrade-badge{display:inline-block;padding:6px 11px;border-radius:20px;background:#eaf1ff;color:#3766c7;font-size:12px;margin-bottom:18px}.upgrade-footer{font-size:11px;color:#8b95a6;border-top:1px solid #edf0f5;margin-top:26px;padding-top:18px;text-align:center}.upgrade-card [hidden]{display:none!important}
.upgrade-recovery{padding:14px 16px;border:1px solid #e1e7f1;border-radius:12px;background:#f8faff;margin-bottom:20px}.upgrade-recovery .field-label{margin-top:0}.upgrade-recovery-row{display:flex;gap:10px;align-items:center}.upgrade-recovery-row .upgrade-input{flex:1;resize:none}.upgrade-recovery .upgrade-muted{margin-bottom:0}
.upgrade-account{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;border:1px solid #e3eafa;border-radius:14px;background:linear-gradient(135deg,#f3f7ff,#fbfcff);font-size:13px;line-height:1.6}.upgrade-account .upgrade-link{padding:0;flex-shrink:0}.upgrade-ok{color:#13795b;font-weight:600}.upgrade-account strong{font-size:15px}
.upgrade-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.upgrade-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;padding:18px;text-align:left;border:1.5px solid #e1e7f1;border-radius:18px;background:white;color:#182338;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.upgrade-plan:hover:not(:disabled){border-color:#b9c9ef;transform:translateY(-1px)}.upgrade-plan:focus-visible{outline:3px solid #c9d8ff;outline-offset:2px}
.upgrade-plan[aria-checked="true"]{border-color:#3164da;box-shadow:0 0 0 4px #3164da1a;background:linear-gradient(180deg,#f6f9ff,#fff)}
.upgrade-plan[aria-checked="true"]::after{content:"✓";position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3164da;color:white;font-size:13px}
.upgrade-card .upgrade-plan:disabled{cursor:not-allowed;opacity:1;background:#f7f8fb;color:#9aa5b8}
.upgrade-plan-tier{font-size:12px;letter-spacing:1px;color:#738096;text-transform:uppercase}.upgrade-plan-name{font-size:24px;letter-spacing:-.5px}
.upgrade-plan-amount{font-size:21px;font-weight:700;color:#3164da}.upgrade-plan-amount small{font-size:12px;font-weight:400;color:#738096;margin-left:4px}.upgrade-plan:disabled .upgrade-plan-amount{color:#a9b3c4}.upgrade-plan-state{font-size:13px;color:#9aa5b8}
.upgrade-route{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f3f7ff,#fbfcff);border:1px solid #e3eafa}
.upgrade-chip{padding:10px 16px;border-radius:12px;background:white;border:1px solid #e1e7f1;font-weight:600}.upgrade-chip small{display:block;font-size:11px;font-weight:400;color:#738096}.upgrade-chip.target{border-color:#3164da;color:#3164da}.upgrade-arrow{color:#3164da;font-size:22px}
.upgrade-account-line{text-align:center;font-size:13px;color:#738096;margin:10px 0 22px}
.upgrade-price{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:22px}
.upgrade-total-box{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-radius:18px;background:#182338;color:white;padding:20px}.upgrade-total-box>span:first-child{font-size:13px;opacity:.75}.upgrade-total-box strong{font-size:36px;letter-spacing:-1px}.upgrade-total-box small{font-size:12px;opacity:.7;line-height:1.6}
.upgrade-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.upgrade-heading h2{margin:0}.upgrade-heading.end{justify-content:flex-end;margin-bottom:14px}
.upgrade-countdown{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff4e5;color:#b45309;border:1px solid #fcd9a8;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.upgrade-countdown svg{width:15px;height:15px}.upgrade-countdown.urgent{background:#fdecea;color:#b42318;border-color:#f5b5ae}
.upgrade-breakdown{margin:0;border:1px solid #e1e7f1;border-radius:18px;padding:8px 18px;font-size:13px;align-self:start}.upgrade-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e6ebf3}.upgrade-breakdown>div:last-child{border:0;font-weight:700}.upgrade-breakdown dt{color:#738096}.upgrade-breakdown dd{margin:0;font-weight:600;white-space:nowrap}.upgrade-breakdown>div:last-child dt{color:#182338}
.upgrade-methods .upgrade-muted{margin:0 0 12px}.upgrade-notice{margin:16px 0 4px;padding:12px 14px;border-radius:12px;background:#fff6e7;color:#94621c;font-size:13px;line-height:1.6}.upgrade-back{display:block;margin:6px auto 0}
.upgrade-dialog{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#18233873}.upgrade-dialog[hidden]{display:none}
.upgrade-dialog-box{width:100%;max-width:480px;box-sizing:border-box;background:white;border-radius:20px;padding:26px;box-shadow:0 24px 70px #0f1a3340;color:#182338}.upgrade-dialog-box h3{margin:0 0 6px;font-size:19px}
.upgrade-dialog-order{font-size:13px;color:#738096;margin:0 0 16px;overflow-wrap:anywhere}.upgrade-copy{flex-shrink:0;border:0;border-radius:10px;padding:0 16px;min-height:46px;background:#e8efff;color:#3164da;font:inherit;font-weight:600;cursor:pointer}
.upgrade-dialog-warn{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#fff6e7;color:#94621c;font-size:12.5px;line-height:1.6}
.upgrade-dialog-check{display:flex;gap:8px;align-items:center;margin:16px 0 0;font-size:13px;cursor:pointer}.upgrade-dialog-check input{width:16px;height:16px;margin:0;accent-color:#2e65df}
.upgrade-dialog-box .btn-lg{width:100%;box-sizing:border-box;margin-top:18px;min-height:48px;border-radius:10px;font-weight:600;justify-content:center}.upgrade-dialog-box .btn-lg:disabled{opacity:.5;cursor:not-allowed}
.upgrade-expired{text-align:center;padding:12px 0}.upgrade-expired .btn-lg{margin-top:8px}
.upgrade-plan-usdt{font-size:12px;color:#5c6b82;font-variant-numeric:tabular-nums}.upgrade-plan:disabled .upgrade-plan-usdt{color:#a9b3c4}.upgrade-total-usdt{font-size:15px;font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}
@media(max-width:600px){.upgrade-plans,.upgrade-price{grid-template-columns:1fr}.upgrade-plan{min-height:0}.upgrade-account{align-items:flex-start}.upgrade-route{gap:8px}.upgrade-chip{padding:8px 10px}.upgrade-total-box strong{font-size:30px}.upgrade-dialog-box{padding:22px 18px}.upgrade-page .page-shell{padding:24px 12px}.upgrade-page .site-hero{margin-top:40px}.upgrade-page h1{font-size:30px}.upgrade-card{padding:22px 18px;border-radius:18px}.upgrade-steps{gap:6px}.upgrade-steps li{min-width:0;flex-direction:column;text-align:center;font-size:11px;gap:5px;overflow-wrap:anywhere;hyphens:auto}.upgrade-steps span{width:23px;height:23px}.upgrade-details>div{grid-template-columns:85px 1fr;padding:12px;gap:10px}.upgrade-method-choice{flex-wrap:wrap}.upgrade-method-choice strong{font-size:13px}}