.payment-page{box-sizing:border-box;width:min(100% - 32px,560px);margin:clamp(24px,8vh,80px) auto;font-family:Poppins,Arial,sans-serif;color:var(--text,#202530)}
.payment-page *{box-sizing:border-box}.payment-brand{display:block;text-align:center;color:var(--brand,#15805c);font-size:22px;font-weight:800;text-decoration:none;margin-bottom:24px}
.payment-card{padding:clamp(20px,5vw,36px);border:1px solid var(--border,#e3e7ec);border-radius:24px;background:var(--surface,#fff);box-shadow:0 12px 45px #132d3410;text-align:center}
.payment-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin:auto;background:var(--surface-2,#f2f6f5);color:var(--brand,#15805c)}.payment-icon svg{width:30px;height:30px}
.payment-card h1{font-size:clamp(22px,5vw,28px);line-height:1.3;margin:20px 0 12px}.payment-card p{line-height:1.65;overflow-wrap:anywhere}
.payment-card form{text-align:left;margin-top:24px}.payment-card label{display:block;font-size:14px;margin-bottom:8px}.payment-card input{width:100%;min-height:48px;border:1px solid var(--border,#d7dde5);border-radius:14px;padding:12px;font:inherit;color:inherit;background:var(--surface,#fff)}
.payment-card small{display:block;line-height:1.5;margin:8px 0 20px;color:var(--muted,#647080)}.payment-card button,.payment-actions a{min-height:46px;border-radius:14px;padding:12px 18px;font:inherit;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border,#d7dde5);background:var(--surface,#fff);color:inherit}
.payment-card form button{width:100%;border-color:transparent;background:var(--brand,#15805c);color:white;font-weight:600}.payment-card button:disabled{opacity:.55;cursor:wait}.payment-card :focus-visible{outline:2px solid var(--brand,#15805c);outline-offset:3px}
.payment-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.payment-note{font-size:12px;color:var(--muted,#647080);border-top:1px solid var(--border,#e3e7ec);padding-top:20px;margin-top:24px}.payment-note a{color:var(--brand,#15805c)}.payment-reference{font-size:12px;color:var(--muted,#647080)}.payment-page [hidden]{display:none!important}
@media(max-width:360px){.payment-page{width:calc(100% - 24px)}.payment-actions>*{width:100%}}