.payment-page{min-height:100svh;display:flex;flex-direction:column}
.payment-main{flex:1;display:grid;place-items:center;padding-block:64px}
.payment-card{width:100%;max-width:700px;border:1px solid var(--line);border-radius:6px;padding:48px;background:#092443}
.payment-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #32607e;border-radius:50%;color:var(--accent);font-size:1.75rem;margin-bottom:32px}
.payment-card h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-2px;line-height:1.08;margin-bottom:24px}
.payment-card>p:not(.eyebrow){font-size:1rem;line-height:1.65;color:var(--muted);max-width:34rem}
.payment-card .eyebrow{font-size:.875rem;letter-spacing:.5px;margin-bottom:16px}
.payment-next{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.payment-next h2{font-size:1.25rem;letter-spacing:-.4px;line-height:1.4;margin-bottom:12px}
.payment-next p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0 0 24px}
.payment-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.payment-actions .button{font-size:1rem}
.payment-failed .payment-symbol{color:var(--paper);border-color:#6086ab}.payment-failed .eyebrow{color:var(--muted)}
.payment-main a:not(.button){text-decoration:underline;text-underline-offset:4px}
.payment-page .footer{flex-wrap:wrap}.payment-page .footer a{overflow-wrap:anywhere}
@media(max-width:760px){.payment-main{padding-block:32px}.payment-card{padding:28px 22px}.payment-card h1{font-size:2.5rem;letter-spacing:-1.4px}.payment-symbol{margin-bottom:24px}.payment-next{margin-top:24px}.payment-actions{align-items:stretch;flex-direction:column}.payment-actions .button{justify-content:center}.payment-actions .text-link{align-self:center}}

.thank-you .payment-main{padding-block:40px;min-height:100svh}
.thank-you .payment-card{text-align:center;background:transparent;border:0;max-width:760px;padding:40px 24px}
.thank-you .brand{justify-content:center;margin-bottom:56px;font-size:1.25rem}
.thank-you .payment-symbol{margin:0 auto 32px}
.thank-you .payment-card h1{font-size:clamp(2.75rem,6vw,4.5rem);margin-bottom:24px}
.thank-you .payment-card>p{font-size:1rem;margin:0 auto 32px;line-height:1.65}
.thank-you .button{min-width:220px;justify-content:center;font-size:1rem}
@media(max-width:760px){.thank-you .brand{margin-bottom:40px}.thank-you .payment-card{padding-inline:0}.thank-you .payment-card h1{font-size:2.75rem;letter-spacing:-1.5px}}

.payment-card form{display:grid;gap:12px;text-align:left;margin-top:26px}.payment-card label{font-size:1rem}.payment-card input[type=email]{width:100%;min-height:52px;border:1px solid #6086ab;border-radius:5px;background:#fff;color:#00152e;padding:12px;font:inherit}.payment-card form .button{width:100%;margin-top:8px}.payment-card .delivery-privacy{font-size:.875rem;margin-top:18px}