.payment-page{min-height:68vh;display:grid;place-items:center;padding:56px 20px}
.payment-card{width:min(100%,700px);padding:clamp(24px,4vw,48px);background:var(--card,#fff);border:1px solid var(--border,#d8ddd2);border-radius:22px;box-shadow:0 20px 60px #0b352111}
.payment-card h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);line-height:1.08;margin:13px 0 16px;color:var(--ink,#153b29)}
.payment-card>p{line-height:1.55;color:var(--muted,#607064)}
.payment-order{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0;padding:22px 0;border-top:1px solid var(--border,#d8ddd2);border-bottom:1px solid var(--border,#d8ddd2)}
.payment-order strong,.payment-order small,.payment-code small,.payment-code b{display:block}.payment-order small{margin-top:5px;color:var(--muted,#607064)}
.payment-order>p{grid-column:1/-1;margin:0;line-height:1.6}.payment-code{text-align:right}.payment-code b{font-family:Georgia,serif;font-size:38px;color:#176e3a;letter-spacing:.06em}
.payment-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}.payment-spinner{width:32px;height:32px;margin:24px 0;border:3px solid #c9d9c8;border-top-color:#258541;border-radius:50%;animation:payment-spin .8s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.payment-page{padding:24px 12px}.payment-card{padding:24px;border-radius:16px}.payment-actions>*{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.payment-spinner{animation:none}}