:root{
    --lax-navy:#061b3a;
    --lax-deep:#031126;
    --lax-gold:#f7c600;
    --lax-green:#07833f;
    --lax-red:#b42318;
    --lax-bg:#f4f7fb;
    --lax-border:#dbe3ef;
    --lax-muted:#64748b;
}
.pay-pro-hero{
    background:linear-gradient(120deg,#031126,#061b3a 60%,#0d3b78);
    color:#fff;
    border-radius:24px;
    padding:30px;
    margin-bottom:24px;
    box-shadow:0 18px 55px rgba(2,6,23,.18);
}
.pay-pro-hero h1{margin:0 0 8px;font-size:34px;color:#fff;}
.pay-pro-hero p{margin:0;color:#dbeafe;line-height:1.7;max-width:900px;}
.pay-pro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.pay-pro-btn{display:inline-block;border:0;border-radius:12px;padding:12px 16px;font-weight:900;text-decoration:none;cursor:pointer;}
.pay-pro-btn.gold{background:var(--lax-gold);color:var(--lax-navy);}
.pay-pro-btn.dark{background:var(--lax-navy);color:#fff;}
.pay-pro-btn.green{background:var(--lax-green);color:#fff;}
.pay-pro-btn.light{background:#fff;color:var(--lax-navy);}
.pay-pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;}
.pay-pro-card{background:#fff;border:1px solid var(--lax-border);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(2,6,23,.07);}
.pay-pro-card small{display:block;text-transform:uppercase;color:var(--lax-muted);font-weight:900;letter-spacing:.5px;margin-bottom:8px;}
.pay-pro-card h3{margin:0;color:var(--lax-navy);font-size:28px;}
.pay-pro-card p{margin:8px 0 0;color:var(--lax-muted);line-height:1.5;}
.pay-pro-panel{background:#fff;border:1px solid var(--lax-border);border-radius:20px;padding:22px;margin-bottom:24px;box-shadow:0 10px 30px rgba(2,6,23,.06);}
.pay-pro-panel h2{margin:0 0 14px;color:var(--lax-navy);}
.pay-pro-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pay-pro-table-wrap{overflow-x:auto;}
.pay-pro-table{width:100%;border-collapse:collapse;min-width:760px;}
.pay-pro-table th{background:var(--lax-navy);color:#fff;text-align:left;padding:12px;font-size:13px;}
.pay-pro-table td{padding:12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:14px;}
.pay-pro-table tr:hover{background:#f8fafc;}
.status-pill{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;}
.status-pill.pending{background:#fff3cd;color:#856404;}
.status-pill.paid,.status-pill.confirmed,.status-pill.completed{background:#d1fadf;color:#067647;}
.status-pill.failed,.status-pill.rejected{background:#fee4e2;color:#b42318;}
.status-pill.processing,.status-pill.review{background:#dbeafe;color:#1d4ed8;}
.pay-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.pay-form-field{margin-bottom:16px;}
.pay-form-field label{display:block;margin-bottom:7px;color:var(--lax-navy);font-weight:900;}
.pay-form-field input,.pay-form-field select,.pay-form-field textarea{width:100%;padding:13px;border:1px solid #cfd8e6;border-radius:12px;background:#fff;font-size:15px;}
.pay-form-field textarea{min-height:95px;resize:vertical;}
.pay-note{background:#fff8dc;border-left:5px solid var(--lax-gold);border-radius:14px;color:#5f4b00;padding:16px;line-height:1.7;margin-bottom:18px;}
.pay-success{background:#d1fadf;border-left:5px solid #12b76a;color:#064e3b;border-radius:14px;padding:16px;font-weight:900;margin-bottom:18px;}
.pay-error{background:#fee4e2;border-left:5px solid #f04438;color:#7a271a;border-radius:14px;padding:16px;font-weight:900;margin-bottom:18px;}
.pay-public-wrap{max-width:1180px;margin:0 auto;padding:34px 18px;}
.pay-public-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start;}
.pay-public-side{background:linear-gradient(120deg,#031126,#061b3a);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(2,6,23,.18);}
.pay-public-side h1{font-size:36px;margin:0 0 10px;color:#fff;}
.pay-public-side p{line-height:1.8;color:#dbeafe;}
.pay-public-benefits{margin-top:22px;display:grid;gap:12px;}
.pay-public-benefits div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;}
.gateway-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;}
.gateway-choice label{display:flex;align-items:center;gap:9px;border:1px solid var(--lax-border);border-radius:12px;padding:12px;font-weight:900;color:var(--lax-navy);cursor:pointer;}
.gateway-choice input{width:auto;}
.bank-mini{background:#f8fafc;border:1px solid var(--lax-border);border-radius:14px;padding:14px;margin:10px 0;}
@media(max-width:1100px){.pay-pro-grid{grid-template-columns:repeat(2,1fr);} .pay-public-shell{grid-template-columns:1fr;}}
@media(max-width:720px){.pay-pro-grid,.pay-pro-two,.pay-form-grid,.gateway-choice{grid-template-columns:1fr;} .pay-pro-hero h1,.pay-public-side h1{font-size:28px;} .pay-pro-hero{padding:22px;}}
