:root{--pm:#651720;--pm2:#861f2b;--gold:#d6a43a;--cream:#fbf7f5;--ink:#271b1e;--muted:#74696c;--line:#e8dedb}.payment-body{margin:0;background:radial-gradient(circle at 10% 10%,rgba(214,164,58,.12),transparent 30%),linear-gradient(135deg,#fff,#f6efed);min-height:100vh;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.payment-hero{background:linear-gradient(135deg,#350a10,#741c27 60%,#4a0e15);color:#fff;padding:55px 0 42px;position:relative;overflow:hidden}.payment-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-240px;box-shadow:0 0 0 45px rgba(255,255,255,.02),0 0 0 90px rgba(255,255,255,.02)}.payment-hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto;padding:0 4vw}.payment-kicker{font-size:.68rem;letter-spacing:.18em;color:#efcf7d;font-weight:900}.payment-hero h1{font-size:clamp(2.1rem,4vw,4.2rem);margin:8px 0 10px;line-height:.95}.payment-hero p{max-width:690px;color:#ead8d5}.payment-section{padding:38px 0 75px}.payment-container{width:min(1180px,92%);margin:auto}.checkout-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:start}.payment-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 55px rgba(72,25,30,.08);padding:28px}.payment-card h2{margin:0 0 15px;color:var(--pm)}.payment-field{margin-bottom:14px}.payment-field label{display:block;font-size:.74rem;font-weight:900;margin-bottom:6px}.payment-field input,.payment-field textarea,.payment-field select{width:100%;padding:13px 14px;border:1px solid #ddd0cc;border-radius:12px;font:inherit;box-sizing:border-box}.payment-field textarea{min-height:105px;resize:vertical}.payment-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.method-grid{display:grid;gap:10px}.method-option{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:15px;padding:14px;cursor:pointer;transition:.25s}.method-option:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(72,25,30,.06);border-color:#cda6a1}.method-option input{margin-top:4px}.method-option strong{display:block;font-size:.88rem}.method-option small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px;line-height:1.5}.pay-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:13px 17px;font-size:.8rem;font-weight:900;text-decoration:none;cursor:pointer}.pay-btn.gold{background:var(--gold);color:#3a2308}.pay-btn.maroon{background:var(--pm);color:#fff}.pay-summary{position:sticky;top:20px;background:linear-gradient(160deg,#4b0e15,#751d29);color:#fff;border-radius:22px;padding:26px;box-shadow:0 22px 55px rgba(58,18,23,.16)}.pay-summary .amount{font-size:2.3rem;font-weight:900;color:#f3d883;margin:12px 0 4px}.pay-summary small{color:#ddc7c4}.pay-summary .summary-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:.75rem}.pay-summary .summary-row:last-child{border-bottom:0}.secure-note{font-size:.68rem;color:#5b4e50;line-height:1.6;background:#fbf6f5;padding:11px;border-radius:11px;margin-top:15px}.payment-footer{padding:20px 0;background:#26070c;color:#d7c2c0}.payment-footer .container{display:flex;justify-content:space-between;gap:20px}.payment-footer a{color:#fff;text-decoration:none;font-size:.72rem}.payment-footer span{font-size:.68rem}.status-center{max-width:820px;margin:0 auto}.status-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#f8ebcf;color:#86610e;font-weight:900;margin-bottom:15px}.status-icon.success{background:#e8f7ee;color:#2e7c50}.status-icon.fail{background:#fdebea;color:#a23b3b}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.status-item{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fcfaf9}.status-item small{display:block;color:#998c8e;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.status-item strong{display:block;color:var(--pm);margin-top:4px}.instruction{padding:16px;border-radius:14px;background:#fff7df;border:1px solid #efdfb5;margin-top:18px}.instruction h3{margin-top:0}.instruction p{font-size:.78rem;line-height:1.6}.status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:850px){.checkout-grid{grid-template-columns:1fr}.pay-summary{position:static}.status-grid,.payment-two{grid-template-columns:1fr}}@media(max-width:560px){.payment-card{padding:20px}.payment-hero{padding:45px 0 35px}.payment-footer .container{flex-direction:column}.method-option{padding:12px}}
