.payment-page{--app:#294751;--tint:#DFE8EB}
.payment-main{max-width:1200px;margin:0 auto;padding:65px 5% 90px;min-height:75vh}
.payment-intro{max-width:820px;margin-bottom:48px}
.payment-intro .category{margin-bottom:20px}
.payment-intro h1{font-size:clamp(40px,5vw,66px);max-width:800px;overflow-wrap:anywhere}
#status-text{font-size:16px;line-height:1.85;color:var(--subtle);max-width:690px;margin-top:24px}
#retry-status{margin-top:25px}
.payment-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;align-items:start}
.recovery-panel{border-top:1px solid var(--line);padding-top:30px;min-width:0}
.payment-columns h2{font-size:29px;line-height:1.2}
.payment-columns p{font-size:14px;line-height:1.85;margin-top:17px;color:var(--subtle)}
#recover-form{margin-top:27px}
.payment-main label{display:block;font-weight:650;font-size:13px;margin-bottom:9px}
.payment-main input,.payment-main textarea{width:100%;max-width:100%;min-width:0;background:var(--chalk);border:1px solid #70796F;border-radius:0;padding:14px 15px;color:var(--ink);font-size:16px;line-height:1.65}
.payment-main textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;word-break:break-all;min-height:122px}
.payment-main textarea:focus-visible{outline:2px solid var(--app);outline-offset:4px}
.payment-main .button{min-height:48px;text-align:left}
.payment-main button:disabled{opacity:.6}
#recover-submit{margin-top:18px}
.payment-main .form-message{font-size:13px;line-height:1.85;color:var(--ink);margin-top:16px;min-height:0;overflow-wrap:anywhere}
.payment-main .form-message:empty{display:none}
.payment-main .payment-small{font-size:12px;color:var(--subtle);line-height:1.85;margin-top:19px}
.payment-help{padding:30px;background:#E4E6DD;min-width:0}
.payment-help h2{font-size:26px}
.legacy-links{list-style:none;padding:0;margin:22px 0 0}
.legacy-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;min-height:48px;font-size:14px;border-top:1px solid var(--line)}
.legacy-links a:hover span:first-child{text-decoration:underline;text-underline-offset:4px}
.payment-contact{margin-top:29px;border-top:1px solid var(--line);padding-top:28px}
.payment-contact .text-link{margin-top:16px}
.license-panel{background:var(--tint);padding:34px 38px;margin-bottom:48px;min-width:0}
.license-heading{display:flex;gap:14px;align-items:center}
.license-heading h2{font-size:32px}
.license-symbol{display:flex;align-items:center;justify-content:center;border:1px solid #29475166;border-radius:50%;width:36px;height:36px;color:var(--app);flex:none}
.purchase-details{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin:29px 0}
.purchase-details dt{font-size:12px;color:#465960;margin-bottom:6px}
.purchase-details dd{font-size:16px;margin:0;font-weight:600;overflow-wrap:anywhere}
.license-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:20px}
.license-actions .secondary{border:1px solid var(--app);background:transparent;color:var(--app)}
.license-actions .text-link{min-height:48px;align-items:center;margin-left:auto}
.payment-notice{border-left:3px solid var(--app);padding:12px 18px;margin-top:22px;font-size:14px;line-height:1.8;background:var(--tint)}
#payment-status[data-state="pending"] h1:after{content:'';display:inline-block;width:10px;height:10px;margin-left:15px;border-radius:50%;background:var(--app);vertical-align:middle}
@media(max-width:800px){.payment-columns{gap:34px}.payment-main{padding-top:44px}.payment-help{padding:25px}.license-panel{padding:28px}.license-actions .text-link{margin-left:0}}
@media(max-width:620px){.payment-main{padding:36px 5% 48px}.payment-intro{margin-bottom:35px}.payment-intro h1{font-size:43px;line-height:1.12}#status-text{font-size:14px;margin-top:21px}.payment-columns{grid-template-columns:1fr;gap:30px}.payment-columns h2{font-size:28px}.payment-help h2{font-size:25px}.recovery-panel{padding-top:26px}.license-panel{padding:24px 20px;margin-bottom:35px}.license-heading h2{font-size:29px}.purchase-details{grid-template-columns:1fr;gap:16px;margin:24px 0}.license-actions{gap:12px}.license-actions .button{width:100%}.license-actions .text-link{margin-top:2px}.payment-main textarea{min-height:170px}.payment-main .button{font-size:13px}.payment-help{padding:25px}#recover-submit{width:100%}}
@media(max-width:380px){.payment-intro h1{font-size:38px}.license-panel{padding:21px 16px}}
@media print{.mg-header,.mg-footer,.payment-columns,.license-actions,#retry-status,.payment-intro .category{display:none!important}.payment-main{padding:0;min-height:0}.license-panel{padding:20px;border:1px solid #777;background:white}.payment-intro{margin-bottom:20px}.payment-intro h1{font-size:30px}.payment-main textarea{height:180px;overflow:visible;font-size:11px}#license-feedback{display:none}}
