/* =====================
   PeepConnect PIX Theme
   ===================== */
:root{
  --neon-blue:#1F74FF;
  --bright-red:#E51E2A;
  --bright-white:#FFFFFF;
  --night-blue:#00002E;
  --dark-blue:#0C192C;
  --success-green:#4ADE80;
  --radius:18px;
  --shadow:0 12px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.theme-dark{background:#000;color:#e9eefb}
body.theme-light{background:#fff;color:#0b1220}
a{color:var(--neon-blue);text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1100px;margin:0 auto;padding:20px}
.header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(90deg, var(--night-blue), #031a42 40%, #021028);
  color:#fff;border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:saturate(140%) blur(8px);
}
body.theme-light .header{
  background:linear-gradient(90deg,#ffffff,#f7fbff);
  color:#0C192C;border-bottom-color:#e9eefb
}
.header-wrap{display:flex;align-items:center;gap:16px;padding:10px 16px}
.header .brand{display:flex;align-items:center;gap:12px}
.header .brand img{width:42px;height:auto}
.title{font-family:'Rajdhani', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:22px}
.subtitle{font-family:'Poppins', sans-serif; font-weight:600; opacity:.9; font-size:13px}

.theme-toggle{margin-left:auto;display:flex;gap:8px}
.btn{
  font-family:'Poppins',sans-serif;font-weight:600;
  border:1px solid transparent;border-radius:999px;padding:10px 16px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
  cursor:pointer; background:var(--neon-blue); color:#fff; box-shadow:var(--shadow);
}
.btn:hover{transform:translateY(-2px)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.25)}
body.theme-light .btn-outline{border-color:#cbd5e1;color:#0C192C}
.btn-success{background:var(--success-green); color:#052;}

.hero{
  padding:20px 16px 0 16px;
}
.hero .hint{
  font-family:'Inter',sans-serif;font-weight:500;
  display:flex;align-items:center;gap:8px;
  padding:12px 14px;border-radius:12px;
  background:linear-gradient(135deg, rgba(31,116,255,.12), rgba(229,30,42,.10));
  border:1px solid rgba(255,255,255,.12);
}
body.theme-light .hero .hint{border-color:#e6eefb;background:linear-gradient(135deg, rgba(31,116,255,.08), rgba(229,30,42,.06))}
.hero p{font-family:'Inter',sans-serif;opacity:.9}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(1, minmax(0,1fr));gap:16px;margin-top:18px}
@media(min-width:640px){.cards{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media(min-width:980px){.cards{grid-template-columns:repeat(3, minmax(0,1fr))}}
.card{
  border-radius:var(--radius); padding:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--shadow);
  position:relative; overflow:hidden;
}
body.theme-light .card{background:#ffffff;border-color:#eef3ff}
.card .bank-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bank-logo{width:38px;height:38px;border-radius:10px;overflow:hidden}
.bank-logo img{width:100%;height:100%;object-fit:cover}
.badge{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;
  padding:4px 8px;border-radius:999px;background:rgba(31,116,255,.15);color:#9ec4ff;border:1px solid rgba(31,116,255,.25)
}
body.theme-light .badge{color:#0C192C;background:#eef4ff;border-color:#d6e4ff}
.label{font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;opacity:.85}
.value{font-family:'Inter',sans-serif;font-weight:600;font-size:15px;word-break:break-all}

.key{
  margin:10px 0;padding:12px;border-radius:12px;
  background:linear-gradient(90deg, rgba(31,116,255,.15), rgba(229,30,42,.15));
  border:1px dashed rgba(255,255,255,.2);
}
body.theme-light .key{border-color:#e6eefb;background:linear-gradient(90deg, rgba(31,116,255,.08), rgba(229,30,42,.06))}

.copy-row{display:flex;gap:8px;align-items:center;margin-top:10px}
.copy-input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.2);color:#fff}
body.theme-light .copy-input{background:#f8fbff;color:#0C192C;border-color:#e6eefb}
.copy-btn{background:var(--bright-red)}
.copy-btn.copied{background:var(--success-green)}

/* Visit counter */
.counter{
  margin:22px 0;padding:12px;border-radius:16px;border:1px dashed rgba(255,255,255,.2);
  font-family:'Inter',sans-serif;display:flex;gap:14px;flex-wrap:wrap
}
body.theme-light .counter{border-color:#e6eefb}

/* Accordion */
.accordion{margin:24px 0}
.acc-item{border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;margin-bottom:12px}
body.theme-light .acc-item{border-color:#e6eefb}
.acc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:linear-gradient(90deg, rgba(31,116,255,.15), rgba(229,30,42,.15))}
body.theme-light .acc-header{background:linear-gradient(90deg, rgba(31,116,255,.08), rgba(229,30,42,.06))}
.acc-body{display:none;padding:16px;background:rgba(0,0,0,.15)}
body.theme-light .acc-body{background:#fbfdff}
.acc-item.open .acc-body{display:block}

/* Mini landing inside accordion */
.mini-landing{display:grid;gap:14px}
.mini-cta{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-family:'Poppins',sans-serif}
body.theme-light .chip{background:#fff;border-color:#e6eefb}
.whatsapp-float{
  position:fixed;right:16px;bottom:16px;z-index:60;
  background:#25D366;border-radius:999px;padding:14px 18px;display:flex;align-items:center;gap:8px;color:#fff;
  box-shadow:0 10px 25px rgba(37,211,102,.45);
}
.whatsapp-float:hover{transform:translateY(-2px)}

/* Footer */
.footer{margin-top:32px;padding:18px;background:linear-gradient(90deg,#060647,#C22026); color:#fff}
.footer .inner{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.footer img{width:42px}
.small{opacity:.9;font-family:'Inter',sans-serif}