.payment-page{background:#f5f7fa;min-height:80vh}.payment-hero{background:linear-gradient(135deg,#071b2e,#123b5c);color:#fff;padding:64px 0 54px}.payment-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:.35rem 0}.payment-hero p{max-width:720px;color:#d7e2ec}.payment-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:28px;align-items:start}.payment-summary,.payment-card{background:#fff;border:1px solid #e4e9ef;border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(7,27,46,.08)}.payment-summary{position:sticky;top:100px}.payment-summary h2,.payment-card h2{margin:.6rem 0 1rem}.payment-summary-body{padding:18px;background:#f7f9fb;border-radius:16px;min-height:120px}.payment-summary-body h3{margin:0 0 6px}.payment-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dde4eb;margin-top:14px;padding-top:14px}.payment-total strong{font-size:1.35rem;color:#071b2e}.payment-warning{margin-top:20px;padding:16px;border-left:4px solid #c59b4a;background:#fff9ed;border-radius:10px}.payment-warning p{margin:.35rem 0 0}.payment-card>label{display:block;margin-bottom:16px;font-weight:700}.payment-card input[type=email],.payment-card input[type=text],.payment-card input[type=tel],.payment-card input:not([type]){width:100%;margin-top:7px;padding:13px;border:1px solid #cfd8e2;border-radius:12px}.payment-methods{display:grid;gap:11px;margin:18px 0}.payment-method{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #d9e1e9;border-radius:15px;cursor:pointer}.payment-method:has(input:checked){border-color:#c59b4a;background:#fffaf0;box-shadow:0 0 0 2px rgba(197,155,74,.12)}.payment-method input{margin-top:4px}.payment-method span{display:grid;gap:3px}.payment-method small{font-weight:400;color:#5e6d7b}.payment-submit{width:100%;justify-content:center}.payment-confirm .reference{font-size:1.25rem;font-weight:800;letter-spacing:.05em;background:#071b2e;color:#fff;display:inline-block;padding:8px 12px;border-radius:10px;margin:6px 0}@media(max-width:850px){.payment-layout{grid-template-columns:1fr}.payment-summary{position:static}.payment-hero{padding:42px 0}}