/* ===== Give Online — scoped page styles (gv-) ===== */
.gv-section{
    padding-top: 0;
    padding-bottom: 110px;
    background: #ffffff;
}
.gv-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-family:'Urbanist',sans-serif; font-weight:800; font-size:13px;
    letter-spacing:2.5px; text-transform:uppercase; color:#00a0d4; margin-bottom:12px;
}
.gv-eyebrow::before{ content:""; width:34px; height:2px; background:#00b0ea; border-radius:2px; }
.gv-heading{
    font-family:'Urbanist',sans-serif; font-weight:800; color:#1f2733;
    font-size:2.35rem; line-height:1.15; letter-spacing:-.5px; margin-bottom:8px; word-spacing:normal;
}
.gv-sub{ color:#5b6470; max-width:560px; margin-bottom:0; }
.gv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:45px; }
.gv-grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin-top:45px; }
.gv-bank-intro{ margin-top:90px; }

.gv-card{
    position:relative; display:flex; flex-direction:column; overflow:hidden;
    background:#fff; border:1px solid #e6edf2; border-radius:22px;
    box-shadow:0 2px 6px rgba(15,42,58,.04), 0 22px 45px -22px rgba(15,42,58,.18);
    transition:transform .35s ease, box-shadow .35s ease;
}
.gv-card:hover{
    transform:translateY(-6px);
    box-shadow:0 4px 10px rgba(15,42,58,.05), 0 34px 60px -24px rgba(15,42,58,.26);
}
.gv-card-body{ display:flex; flex-direction:column; flex:1; padding:38px 34px 34px; }
.gv-chip{
    align-self:flex-start; display:inline-flex; align-items:center; gap:7px;
    font-family:'Urbanist',sans-serif; font-weight:700; font-size:12px;
    letter-spacing:1.5px; text-transform:uppercase; line-height:1;
    padding:8px 14px; border-radius:100px; margin-bottom:22px;
    background:#eaf7fc; color:#0287b3; border:1px solid #cdeef9;
}
.gv-chip i{ font-size:11px; }
.gv-chip-gold{ background:#fdf3e3; color:#b06e14; border-color:#f6dfba; }
.gv-chip-ondark{ background:rgba(255,255,255,.10); color:#8fdcf5; border-color:rgba(143,220,245,.35); }
.gv-card-title{
    font-family:'Urbanist',sans-serif; font-weight:800; color:#1f2733;
    font-size:1.5rem; line-height:1.25; margin-bottom:8px; word-spacing:normal;
}
.gv-card-text{ color:#5b6470; font-size:15.5px; line-height:26px; margin-bottom:26px; }

/* Razorpay feature panel */
.gv-card-deep{ background:linear-gradient(160deg,#0e4257 0%,#0a2f40 70%); border-color:#0e4257; }
.gv-card-deep::after{
    content:""; position:absolute; right:-70px; top:-70px; width:230px; height:230px;
    border-radius:50%; background:radial-gradient(circle,var(--gv-glow,rgba(0,176,234,.35)),transparent 70%); pointer-events:none;
}
.gv-card-emerald{
    background:linear-gradient(160deg,#1c5a41 0%,#0e3527 70%); border-color:#1c5a41;
    --gv-glow:rgba(242,195,104,.28);
}
.gv-card-royal{
    background:linear-gradient(160deg,#1c4fa3 0%,#0d2a5e 70%); border-color:#1c4fa3;
    --gv-glow:rgba(110,168,255,.38);
}
.gv-card-royal .gv-card-text{ color:#b9cdf0; }
.gv-card-deep .gv-card-title{ color:#fff; }
.gv-card-deep .gv-card-text{ color:#a9c3cf; }
.gv-methods{ list-style:none; margin:0 0 30px; padding:0; }
.gv-methods li{
    display:flex; align-items:center; gap:11px; color:#cfe4ec;
    font-size:15px; line-height:1.4; padding:7px 0;
}
.gv-methods li i{
    width:26px; height:26px; flex:0 0 26px; border-radius:8px; font-size:12px;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(0,176,234,.18); color:#4fd0f7;
}

.gv-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    font-family:'Urbanist',sans-serif; font-weight:800; font-size:15px; line-height:1;
    padding:16px 30px; border-radius:100px; text-decoration:none;
    transition:background-color .25s ease, color .25s ease, transform .25s ease;
    margin-top:auto; align-self:flex-start;
}
.gv-btn i{ font-size:14px; margin:0; }
.gv-btn-cyan{ background:#00b0ea; color:#fff; }
.gv-btn-cyan:hover{ background:#fff; color:#0a2f40; }
.gv-btn-navy{ background:#003087; color:#fff; }
.gv-btn-navy:hover{ background:#00b0ea; color:#fff; }
.gv-btn-white{ background:#fff; color:#0d2a5e; }
.gv-btn-white:hover{ background:#9cc3ff; color:#0d2a5e; }
.gv-btn:focus-visible, .gv-copy:focus-visible{ outline:3px solid #00b0ea; outline-offset:3px; }

/* UPI QR card */
.gv-qr-frame{ position:relative; margin:4px auto 24px; width:min(100%,250px); }
.gv-qr-frame img{
    display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:14px; background:#fff;
}
.gv-qr-frame::before, .gv-qr-frame::after,
.gv-qr-frame span::before, .gv-qr-frame span::after{
    content:""; position:absolute; width:30px; height:30px;
    border:3px solid var(--gv-bracket,#00b0ea); border-radius:4px;
}
.gv-card-emerald .gv-qr-frame{ --gv-bracket:#f2c368; }
.gv-card-emerald .gv-qr-frame img{ padding:10px; }
.gv-card-deep .gv-qr-caption{ color:#fff; }
.gv-card-deep .gv-qr-apps{ color:rgba(255,255,255,.62); }
.gv-qr-frame::before{ top:-9px; left:-9px; border-right:none; border-bottom:none; }
.gv-qr-frame::after{ top:-9px; right:-9px; border-left:none; border-bottom:none; }
.gv-qr-frame span::before{ bottom:-9px; left:-9px; border-right:none; border-top:none; }
.gv-qr-frame span::after{ bottom:-9px; right:-9px; border-left:none; border-top:none; }
@media (prefers-reduced-motion: no-preference){
    .gv-qr-frame::before, .gv-qr-frame::after,
    .gv-qr-frame span::before, .gv-qr-frame span::after{ animation:gv-breathe 3.2s ease-in-out infinite; }
    @keyframes gv-breathe{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
}
.gv-qr-caption{
    text-align:center; font-family:'Urbanist',sans-serif; font-weight:800;
    color:#1f2733; font-size:15px; letter-spacing:.5px; margin:0;
}
.gv-qr-apps{ text-align:center; color:#8a93a0; font-size:13.5px; line-height:1.5; margin:6px 0 0; }

/* Bank ledger cards */
.gv-ledger-head{
    display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    padding:28px 34px 24px; border-bottom:1px solid #e6edf2;
    background:linear-gradient(180deg,#f7fbfd, #fff);
}
.gv-bank{ display:flex; align-items:center; gap:14px; }
.gv-bank-mark{
    width:46px; height:46px; flex:0 0 46px; border-radius:13px;
    display:inline-flex; align-items:center; justify-content:center;
    background:#eaf7fc; color:#0287b3; font-size:18px;
}
.gv-bank-name{
    font-family:'Urbanist',sans-serif; font-weight:800; color:#1f2733;
    font-size:1.25rem; line-height:1.2; margin:0; word-spacing:normal;
}
.gv-bank-name small{ display:block; font-size:13px; font-weight:600; color:#8a93a0; letter-spacing:.3px; margin-top:3px; }
.gv-ledger-head .gv-chip{ margin-bottom:0; align-self:center; }
.gv-rows{ padding:12px 34px 8px; flex:1; }
.gv-row{
    display:flex; align-items:center; gap:14px;
    padding:13px 0; border-bottom:1px dashed #e2e9ef;
}
.gv-row:last-child{ border-bottom:none; }
.gv-row-label{
    flex:0 0 118px; font-family:'Urbanist',sans-serif; font-weight:700;
    font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:#8a93a0;
}
.gv-row-value{
    flex:1; color:#1f2733; font-size:15.5px; line-height:1.45; overflow-wrap:anywhere;
}
.gv-row-value.gv-mono{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:15px; letter-spacing:1px; font-weight:600;
}
.gv-copy{
    flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:7px;
    width:36px; height:36px; border-radius:10px; border:1px solid #dfe7ee;
    background:#fff; color:#7b8592; font-size:13px; cursor:pointer;
    transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.gv-copy:hover{ background:#eaf7fc; color:#0287b3; border-color:#bde5f4; }
.gv-copy.is-copied{ background:#00b0ea; color:#fff; border-color:#00b0ea; }
.gv-copy-all{
    width:auto; padding:0 18px; height:42px;
    font-family:'Urbanist',sans-serif; font-weight:800; font-size:13.5px; letter-spacing:.3px;
}
.gv-ledger-foot{ padding:8px 34px 30px; }

/* Deep bank panels — each bank keeps its own color world */
.gv-ledger-deep{ border:none; background:var(--gvl-bg); }
.gv-ledger-indigo{
    --gvl-bg:linear-gradient(160deg,#34366f 0%,#1d1f45 70%);
    --gvl-accent:#9aa1ff; --gvl-deep:#232456; --gvl-glow:rgba(128,136,255,.38);
}
.gv-ledger-wine{
    --gvl-bg:linear-gradient(160deg,#612135 0%,#371320 70%);
    --gvl-accent:#ffb35c; --gvl-deep:#421726; --gvl-glow:rgba(242,162,58,.34);
}
.gv-ledger-deep::after{
    content:""; position:absolute; right:-70px; top:-70px; width:240px; height:240px;
    border-radius:50%; background:radial-gradient(circle,var(--gvl-glow),transparent 70%); pointer-events:none;
}
.gv-ledger-deep .gv-ledger-head{ background:transparent; border-bottom:1px solid rgba(255,255,255,.15); }
.gv-ledger-deep .gv-bank-mark{ background:rgba(255,255,255,.10); color:var(--gvl-accent); }
.gv-ledger-deep .gv-bank-name{ color:#fff; }
.gv-ledger-deep .gv-bank-name small{ color:rgba(255,255,255,.55); }
.gv-ledger-deep .gv-chip{ background:rgba(255,255,255,.10); color:var(--gvl-accent); border-color:rgba(255,255,255,.25); }
.gv-acct{ display:flex; align-items:flex-end; gap:14px; padding:26px 34px 4px; position:relative; }
.gv-acct-num{ flex:1; min-width:0; }
.gv-acct-num small{
    display:block; font-family:'Urbanist',sans-serif; font-weight:700; font-size:11px;
    letter-spacing:1.8px; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:7px;
}
.gv-acct-num strong{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-weight:600; font-size:1.55rem; letter-spacing:2.5px; line-height:1.3;
    color:#fff; overflow-wrap:anywhere; text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.gv-acct .gv-copy{ margin-bottom:4px; }
.gv-ledger-deep .gv-row{ border-color:rgba(255,255,255,.15); }
.gv-ledger-deep .gv-row-label{ color:rgba(255,255,255,.5); }
.gv-ledger-deep .gv-row-value{ color:#fff; }
.gv-ledger-deep .gv-copy{
    background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.25); color:rgba(255,255,255,.82);
}
.gv-ledger-deep .gv-copy:hover{ background:#fff; border-color:#fff; color:var(--gvl-deep); }
.gv-ledger-deep .gv-copy.is-copied{ background:var(--gvl-accent); border-color:var(--gvl-accent); color:var(--gvl-deep); }
.gv-ledger-deep .gv-copy:focus-visible{ outline-color:#fff; }
.gv-help{
    margin:55px auto 0; text-align:center; color:#5b6470; font-size:15.5px;
}
.gv-help a{ color:#0287b3; font-weight:700; text-decoration:none; border-bottom:2px solid #bde5f4; }
.gv-help a:hover{ color:#1f2733; border-color:#1f2733; }

@media (max-width:1199px){
    .gv-card-body{ padding:32px 28px 28px; }
    .gv-ledger-head, .gv-rows, .gv-acct{ padding-left:28px; padding-right:28px; }
    .gv-ledger-foot{ padding-left:28px; padding-right:28px; }
}
@media (max-width:991px){
    .gv-grid{ grid-template-columns:1fr; max-width:560px; margin-left:auto; margin-right:auto; }
    .gv-grid-2{ grid-template-columns:1fr; max-width:640px; margin-left:auto; margin-right:auto; }
    .gv-heading{ font-size:2rem; }
    .gv-section{ padding-bottom:80px; }
    .gv-bank-intro{ margin-top:70px; }
}
@media (max-width:575px){
    .gv-card-body{ padding:28px 22px 24px; }
    .gv-ledger-head, .gv-rows, .gv-acct{ padding-left:22px; padding-right:22px; }
    .gv-ledger-foot{ padding-left:22px; padding-right:22px; }
    .gv-acct-num strong{ font-size:1.25rem; letter-spacing:1.5px; }
    .gv-row{ flex-wrap:wrap; gap:6px 14px; }
    .gv-row-label{ flex:1 1 100%; }
    .gv-row-value{ flex:1; }
}