:root{
  --ink:#07111f;
  --ink-soft:#10233a;
  --ink-mid:#415168;
  --ink-light:#6f7f95;
  --cream:#fefefe;
  --cream-deep:#e8eef6;
  --cream-edge:#cfd9e6;
  --paper:#ffffff;
  --saffron:#06b6d4;
  --saffron-deep:#0284c7;
  --saffron-soft:#67e8f9;
  --emerald:#10b981;
  --emerald-soft:rgba(16,185,129,.10);
  --blue:#2563eb;
  --blue-soft:rgba(37,99,235,.10);
  --red:#ef4444;
  --red-soft:rgba(239,68,68,.10);
  --line:rgba(10,14,26,.12);
  --line-soft:rgba(10,14,26,.06);
  --shadow:0 24px 70px rgba(10,14,26,.10);
  --radius:8px;
  --brand-logo:url("/assets/images/logos/multibiz-logo.png");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit}
.serif{font-family:"Inter",Georgia,serif;font-weight:400}
.mono{font-family:"Inter",monospace}
.site-nav{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(245,239,228,.85);
  border-bottom:1px solid var(--line-soft);
  backdrop-filter:blur(16px) saturate(1.2);
}
.nav-inner{
  max-width:1500px;
  margin:auto;
  min-height:140px;
  padding:0 60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.brand{
  display:flex;
  align-items:center;
  gap:0;
  text-decoration:none;
  color:var(--ink);
  flex-shrink:0;
}
.brand-mark{
  width:50px;
  height:50px;
  border-radius:12px;
  display:inline-block;
  background:var(--brand-logo) center/cover no-repeat;
  box-shadow:0 12px 30px rgba(6,182,212,.2);
  overflow:hidden;
  text-indent:-9999px;
  white-space:nowrap;
}
.brand-dot,.brand-word{display:none}
.nav-menu{display:flex;align-items:center;gap:3px;margin:0 auto}
.nav-menu a{
  text-decoration:none;
  color:var(--ink-mid);
  font-size:14px;
  font-weight:600;
  padding:8px 12px;
  border-radius:999px;
  transition:.18s ease;
}
.nav-menu a:hover,.nav-menu a.active{background:rgba(10,14,26,.045);color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:120px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  border:1px solid transparent;
  cursor:pointer;
}
.btn-primary{background:var(--saffron);color:var(--paper);box-shadow:0 14px 30px rgba(6,182,212,.18)}
.btn-primary:hover{background:var(--saffron-deep)}
.btn-ghost{background:rgba(10,14,26,.04);border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:var(--cream-deep)}
.btn-dark{background:var(--ink);color:var(--cream)}
.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--paper);border-radius:8px;color:var(--ink)}
/* ===== TICKER ===== */
.ticker{
  background:#07111f;
  color:#fefefe;
  overflow:hidden;
  border-bottom:1px solid #10233a;
}
.ticker-track{
  display:flex;
  gap:48px;
  padding:10px 0;
  animation:scroll 40s linear infinite;
  white-space:nowrap;
  font-family:"Inter",monospace;
  font-size:12px;
  letter-spacing:.04em;
}
.ticker-item{display:inline-flex;align-items:center;gap:12px;opacity:.82;color:#d3deeb}
.ticker-item .star{color:#67e8f9}
@keyframes scroll{to{transform:translateX(-50%)}}
.site-nav + .ticker{margin-top:0}
main{min-height:70vh}
.page-hero{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 12% 12%, rgba(6,182,212,.10), transparent 34%),
    linear-gradient(180deg,var(--cream),var(--cream-deep));
}
.hero-inner{
  max-width:1500px;
  margin:auto;
  padding:80px 28px 72px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:58px;
  align-items:center;
}
.eyebrow{
  font-family:"Inter",monospace;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--saffron-deep);
  margin-bottom:18px;
}
h1,h2,h3{letter-spacing:0}
h1{
  font-family:"Inter",Georgia,serif;
  font-size:clamp(48px,7vw,92px);
  line-height:.9;
  font-weight:400;
  max-width:850px;
}
h1 em,h2 em,h3 em{font-family:"Inter",Georgia,serif;font-style:italic;color:var(--saffron-deep);font-weight:400}
.hero-copy{max-width:660px;color:var(--ink-mid);font-size:18px;margin:24px 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:36px;
  max-width:720px;
}
.stat-tile{
  border-top:1px solid var(--line);
  padding-top:14px;
}
.stat-value{font-family:"Inter",Georgia,serif;font-size:36px;line-height:1;color:var(--ink)}
.stat-label{font-family:"Inter",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);margin-top:8px}
.visual-panel{
  min-height:410px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--paper);
  box-shadow:var(--shadow);
  padding:22px;
  position:relative;
  overflow:hidden;
}
.visual-panel:after{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:210px;
  height:210px;
  background:rgba(4,120,87,.12);
  border:1px solid rgba(4,120,87,.18);
  transform:rotate(12deg);
}
.ledger-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-family:"Inter",monospace;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(10,14,26,.04);
  border:1px solid var(--line-soft);
  color:var(--ink-mid);
}
.pill.green{background:var(--emerald-soft);color:var(--emerald)}
.pill.blue{background:var(--blue-soft);color:var(--blue)}
.pill.red{background:var(--red-soft);color:var(--red)}
.mini-ledger{display:grid;gap:10px;position:relative;z-index:1}
.ledger-row{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid var(--line-soft);
  background:rgba(254,254,254,.72);
  border-radius:8px;
}
.ledger-icon{
  width:44px;height:44px;border-radius:8px;
  display:grid;place-items:center;
  color:var(--saffron-deep);
  background:rgba(6,182,212,.10);
  font-weight:800;
}
.ledger-title{font-weight:800;font-size:14px}
.ledger-sub{font-family:"Inter",monospace;color:var(--ink-light);font-size:10px;margin-top:3px}
.ledger-amt{font-weight:800}
.section{border-bottom:1px solid var(--line);background:var(--cream)}
.section.alt{background:var(--paper)}
.section.dark{background:var(--ink);color:var(--cream);border:0}
.section-inner{max-width:1220px;margin:auto;padding:76px 28px}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}
.section-kicker{font-family:"Inter",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--saffron-deep);margin-bottom:12px}
.section h2{
  font-family:"Inter",Georgia,serif;
  font-size:clamp(40px,5vw,70px);
  line-height:.94;
  font-weight:400;
}
.section-lead{max-width:500px;color:var(--ink-mid);font-size:17px}
.dark .section-lead,.dark .muted,.dark .card p{color:rgba(254,254,254,.72)}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:8px;
  padding:22px;
}
.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.card h3{font-size:20px;line-height:1.15;margin-bottom:10px}
.card p{color:var(--ink-mid);font-size:15px}
.card .big{font-family:"Inter",Georgia,serif;font-size:46px;line-height:.95;color:var(--saffron-deep);margin-bottom:10px}
.icon{
  width:44px;height:44px;border-radius:8px;
  display:grid;place-items:center;
  background:rgba(6,182,212,.10);
  color:var(--saffron-deep);
  font-weight:900;
  margin-bottom:18px;
}
.step-list{display:grid;gap:12px}
.step-row{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:16px;
  padding:18px 0;
  border-top:1px solid var(--line);
}
.step-no{font-family:"Inter",monospace;font-size:12px;letter-spacing:.14em;color:var(--saffron-deep)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
table{width:100%;border-collapse:collapse;min-width:760px}
th{
  text-align:left;
  font-family:"Inter",monospace;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-light);
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:rgba(10,14,26,.03);
}
td{padding:15px 16px;border-bottom:1px solid var(--line-soft);font-size:14px}
tr:last-child td{border-bottom:0}
.customer-transactions-page [data-customer-transactions-body] td,
.customer-transactions-page [data-customer-ledger-body] td{
  white-space:nowrap;
  font-size:11px;
  line-height:1.3;
}
.customer-transactions-page .dash-content{
  max-width:none;
  width:100%;
  margin:0;
  padding:8px 8px 14px;
}
.customer-transactions-page .metric-grid{
  gap:10px;
  margin-bottom:10px;
}
.customer-transactions-page .metric{
  padding:10px 12px;
}
.customer-transactions-page .metric .value{
  font-size:22px;
  line-height:1.06;
}
.customer-transactions-page .metric .label{
  font-size:8px;
  margin-top:5px;
}




.customer-transactions-page .dash-card{
  padding:10px;
}
.customer-transactions-page .txn-status-cell{
  display:inline-flex;
  align-items:center;
  gap:8px; flex-wrap:nowrap;
}



.customer-transactions-page .table-wrap{
  min-height:0;
}
.customer-transactions-page .btn.btn-check-status-inline{
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap;
}
.muted{color:var(--ink-mid)}
.price-card{display:flex;flex-direction:column;min-height:100%;position:relative}
.price-card.featured{border-color:rgba(6,182,212,.45);box-shadow:0 22px 52px rgba(6,182,212,.12)}
.price{font-family:"Inter",Georgia,serif;font-size:58px;line-height:1;margin:12px 0;color:var(--ink)}
.price small{font-family:"Inter",sans-serif;font-size:14px;color:var(--ink-light)}
.feature-list{list-style:none;display:grid;gap:10px;margin:18px 0 24px;color:var(--ink-mid)}
.feature-list li{padding-left:22px;position:relative}
.feature-list li:before{content:"";position:absolute;left:0;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--emerald)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
label{font-family:"Inter",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light)}
input,select,textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:8px;
  padding:11px 12px;
  color:var(--ink);
  font:inherit;
  outline:none;
}
textarea{min-height:126px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--saffron);box-shadow:0 0 0 3px rgba(6,182,212,.10)}
.faq{display:grid;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;background:transparent;border:0;padding:18px 20px;font-weight:800;color:var(--ink);cursor:pointer}
.faq-answer{display:none;padding:0 20px 18px;color:var(--ink-mid)}
.faq-item.open .faq-answer{display:block}
.policy{
  max-width:900px;
  margin:auto;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:8px;
  padding:34px;
}
.policy h2{font-size:34px;margin:30px 0 12px}
.policy h2:first-child{margin-top:0}
.policy p,.policy li{color:var(--ink-mid)}
.policy ul{padding-left:20px;margin:10px 0 0;display:grid;gap:8px}
.contact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.site-footer{background:var(--ink);color:var(--cream)}
.footer-inner{max-width:1220px;margin:auto;padding:56px 28px 34px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px;margin-bottom:40px}
.footer-brand p{color:rgba(254,254,254,.68);margin-top:16px;max-width:360px}
.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--saffron-soft);margin-bottom:14px}
.footer-col ul{list-style:none;display:grid;gap:9px}
.footer-col a{text-decoration:none;color:rgba(254,254,254,.72);font-size:14px}
.footer-col a:hover{color:var(--cream)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;color:rgba(254,254,254,.58);font-size:13px}
.dash-page{display:grid;grid-template-columns:250px 1fr;min-height:100vh;overflow:hidden}
.dash-sidebar{
  background:var(--paper);
  border-right:1px solid var(--line);
  height:100vh;
  position:sticky;
  top:0;
  display:flex;
  flex-direction:column;
}
.dash-logo{padding:24px 20px;border-bottom:1px solid var(--line);text-decoration:none}
.dash-logo .brand-mark{
  width:42px;
  height:42px;
  border-radius:10px;
}
.dash-nav{padding:14px 12px;display:grid;gap:4px}
.dash-label{font-family:"Inter",monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-light);padding:12px 10px 4px}
.dash-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 12px;
  border-radius:8px;
  text-decoration:none;
  color:var(--ink-mid);
  font-weight:700;
  font-size:14px;
}
.dash-link:hover,.dash-link.active{background:rgba(6,182,212,.09);color:var(--saffron-deep)}
.dash-bottom{margin-top:auto;padding:14px 12px;border-top:1px solid var(--line)}
.dash-main{height:100vh;overflow:auto}
.dash-topbar{
  position:sticky;
  top:0;
  z-index:10;
  background:rgba(245,239,228,.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  padding:18px 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.dash-topbar h1{font-size:42px}
.dash-content{padding:28px;max-width:1280px;margin:auto}
.dash-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:16px}
.dash-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px}
.dash-card h2{font-size:28px;margin-bottom:14px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metric{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}
.metric .value{font-family:"Inter",Georgia,serif;font-size:36px;line-height:1;color:var(--ink)}
.metric .label{font-family:"Inter",monospace;font-size:10px;color:var(--ink-light);letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft)}
.bars{height:220px;display:flex;align-items:end;gap:10px;padding-top:20px}
.bar{flex:1;background:linear-gradient(180deg,var(--saffron),var(--saffron-deep));border-radius:7px 7px 0 0;min-height:24px}
.quick-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tab{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;font-weight:700;color:var(--ink-mid)}
.tab.active{background:var(--saffron);border-color:var(--saffron);color:var(--paper)}
.customer-report-switch{display:flex;gap:10px;flex-wrap:wrap}
.customer-report-switch .btn{min-width:220px}
.customer-filter-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr auto;
  gap:10px;
  align-items:end;
}
.customer-ledger-filter-grid{
  grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;
}
.customer-filter-grid .btn{
  min-height:46px;
  border-radius:10px;
}
.btn.btn-compact-sm{
  min-height:32px !important;
  padding:0 12px !important;
  border-radius:9px !important;
  font-size:11px !important;
  line-height:1.1;
  white-space:nowrap;
}
.customer-transactions-page .customer-report-switch .btn.btn-compact-sm{
  min-width:140px !important;
  width:auto !important;
  flex:0 0 auto !important;
}
.btn.btn-compact-xs{
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.1;
  white-space:nowrap;
}
.customer-filter-grid .btn.btn-compact-xs{
  justify-self:start;
}
.customer-service-card .customer-service-logo{
  width:44px;
  height:44px;
  border-radius:8px;
  border:1px solid var(--line);
  object-fit:contain;
  background:rgba(11,24,40,.8);
  margin-bottom:18px;
}
.customer-services-page [data-customer-services-grid].grid.four{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
}
.customer-services-page .customer-service-card{
  padding:8px;
  min-height:82px;
  display:flex;
  flex-direction:column;
  gap:6px;
  justify-content:flex-start;
}
.customer-services-page .customer-service-card h3{
  font-size:10px !important;
  line-height:1.15;
  margin:0;
}
.customer-services-page .customer-service-card .icon{
  width:22px;
  height:22px;
  margin-bottom:0;
  font-size:9px;
}
.customer-services-page .customer-service-card .customer-service-logo{
  width:22px;
  height:22px;
  margin-bottom:0;
  border-radius:5px;
}
.customer-services-page .customer-service-card .pill{
  align-self:flex-start;
  min-height:16px;
  padding:0 6px;
  font-size:7px;
  letter-spacing:.05em;
}
.dash-page.dash-compact h1{font-size:22px !important;line-height:1.08}
.dash-page.dash-compact h2{font-size:16px !important;line-height:1.15}
.dash-page.dash-compact .dash-topbar h1{font-size:22px !important}
.dash-page.dash-compact .dash-card h2{font-size:16px !important}
.dash-page.dash-compact .metric .value{font-size:26px !important}
.dash-page.dash-compact .metric .label{font-size:9px !important}
.dash-page.dash-compact .dash-link{font-size:12px !important}
.dash-page.dash-compact .eyebrow{font-size:10px !important;margin-bottom:4px !important}
.dash-page.dash-compact .field label{font-size:9px !important}
.dash-page.dash-compact .field input,
.dash-page.dash-compact .field select,
.dash-page.dash-compact .field textarea{font-size:13px}
.dash-page.dash-compact table th{font-size:9px}
.dash-page.dash-compact table td{font-size:12px}
.dash-page.dash-compact .mini-row b{font-size:12px}
.dash-page.dash-compact .mini-row .muted{font-size:11px}
.dash-page.dash-compact .pill{font-size:8px}
.customer-recharge-page .dash-topbar h1{
  font-size:clamp(28px,2.1vw,40px) !important;
  font-weight:800;
  letter-spacing:-.03em;
}
.customer-recharge-page .dash-card h2{
  font-size:clamp(22px,1.9vw,30px) !important;
  margin-bottom:0;
}
.customer-recharge-page .metric .value{font-size:28px}
.customer-recharge-page .metric .label{font-size:9px}
.customer-recharge-page .dash-grid{grid-template-columns:minmax(0,1fr)}
.customer-recharge-page .dash-card{
  border-radius:16px;
  border-color:rgba(88,216,255,.22);
  padding:22px;
  background:
    radial-gradient(circle at 74% 0%, rgba(56,189,248,.16), transparent 38%),
    linear-gradient(165deg, rgba(14,27,46,.96) 0%, rgba(8,18,30,.98) 70%);
  box-shadow:0 18px 44px rgba(1,10,22,.42);
}
.customer-recharge-page .recharge-hero-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.customer-recharge-page .recharge-hero-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(88,216,255,.38);
  background:linear-gradient(140deg, rgba(44,116,255,.55), rgba(20,181,250,.42));
  color:#dff6ff;
  font-size:20px;
  font-weight:700;
  line-height:1;
  display:grid;
  place-items:center;
  box-shadow:0 12px 24px rgba(34,197,255,.18);
}
.customer-recharge-page .recharge-hero-sub{
  margin:8px 0 0;
  color:#a9c1da;
  font-size:clamp(13px,.95vw,17px);
  line-height:1.28;
}
.customer-recharge-page .quick-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.customer-recharge-page .quick-tabs .tab{
  font-size:clamp(13px,.95vw,16px);
  border-radius:999px;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(98,177,255,.32);
  background:rgba(6,21,39,.72);
  color:#d1e5fb;
}
.customer-recharge-page .quick-tabs .tab.active{
  border-color:rgba(80,180,255,.75);
  background:linear-gradient(130deg,#2347bf,#2ea9ff);
  color:#ecf7ff;
  box-shadow:0 16px 28px rgba(46,169,255,.3);
}
.customer-recharge-page .form-grid{
  gap:10px;
  align-items:end;
}
.customer-recharge-page .field{
  gap:6px;
}
.customer-recharge-page .field label{
  font-size:clamp(10px,.72vw,13px) !important;
  letter-spacing:.1em;
}
.customer-recharge-page input,
.customer-recharge-page select{
  min-height:50px;
  border-radius:12px;
  border-color:rgba(80,169,245,.28);
  background:rgba(3,16,31,.86);
  font-size:clamp(14px,1.05vw,18px);
  padding:0 14px;
}
.customer-recharge-page [data-recharge-target-field] input{
  font-size:clamp(15px,1.1vw,20px);
  letter-spacing:.01em;
}
.customer-recharge-page [data-recharge-check-plan-field] label{
  visibility:hidden;
}
.customer-recharge-page [data-recharge-check-plan-field][hidden],
.customer-recharge-page [data-recharge-submit-field][hidden]{
  display:none !important;
}
.customer-recharge-page [data-recharge-check-plan-btn]{
  width:100%;
  min-height:50px;
  border-radius:12px;
  border:1px solid rgba(90,198,255,.36);
  background:rgba(5,20,38,.8);
  color:#e5f4ff;
  font-size:clamp(14px,1.05vw,18px);
  font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(2,132,199,.08);
}
.customer-recharge-page [data-recharge-check-plan-btn]:hover{
  background:rgba(8,30,54,.96);
  border-color:rgba(98,216,255,.62);
}
.customer-recharge-page [data-recharge-check-plan-btn]:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.customer-recharge-page [data-customer-recharge-submit]{
  width:100%;
  min-height:60px;
  border-radius:14px;
  border:1px solid rgba(120,166,255,.48);
  background:linear-gradient(96deg,#3c33d6 0%, #2f69ef 54%, #30b9ff 100%);
  color:#eff9ff;
  font-size:clamp(16px,1.2vw,24px);
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:0 18px 34px rgba(48,109,255,.33);
  position:relative;
  padding-left:46px;
  padding-right:60px;
}
.customer-recharge-page [data-customer-recharge-submit]::before{
  content:"\26A1";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#cbf2ff;
}
.customer-recharge-page [data-customer-recharge-submit]::after{
  content:"\203A";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:26px;
  font-weight:700;
  color:#f5faff;
  background:linear-gradient(140deg, rgba(119,193,255,.85), rgba(62,158,255,.9));
}
.customer-recharge-page [data-customer-recharge-submit]:disabled{
  opacity:.72;
  cursor:not-allowed;
  box-shadow:none;
}
.customer-recharge-page [data-customer-recharge-message]{
  min-height:20px;
  font-size:clamp(12px,.85vw,15px);
  color:#9eb6ce;
}
.customer-recharge-page [data-recharge-plan-list-field]{
  display:grid;
  gap:8px;
  padding-top:4px;
}
.customer-recharge-page .recharge-plan-heading{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:clamp(14px,1.1vw,20px);
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#e7f1ff;
  margin-bottom:0;
}
.customer-recharge-page .recharge-plan-heading::before{
  content:"\2302";
  display:inline-block;
  width:20px;
  text-align:center;
  color:#a7d4ff;
  font-size:17px;
  transform:translateY(-1px);
}
.customer-recharge-page [data-recharge-plan-list-field] .mini-list{
  max-height:480px;
  overflow:auto;
  padding-top:0;
  padding-right:4px;
  align-content:start;
}
.customer-recharge-page .form-grid.pack-mode [data-recharge-operator-field]{
  display:none !important;
}
.customer-recharge-page [data-pack-inline-status-field][hidden]{
  display:none !important;
}
.customer-recharge-page .pack-inline-status{
  min-height:52px;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:rgba(11,24,40,.84);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
}
.customer-recharge-page .pack-inline-status .muted{
  margin-left:auto;
  white-space:nowrap;
}
.customer-recharge-page .pack-inline-status[data-state="loaded"]{
  border-color:rgba(52,211,153,.45);
}
.customer-recharge-page .pack-inline-status[data-state="error"]{
  border-color:rgba(248,113,113,.45);
}
.customer-recharge-page [data-customer-recharge-fetched-wrap][hidden]{
  display:none !important;
}
.customer-recharge-page [data-customer-recharge-fetched-plan]{
  color:var(--emerald);
  font-size:14px;
  line-height:1.45;
  word-break:break-word;
}
.customer-recharge-page .mini-row{padding:8px}
.customer-recharge-page .mini-row b{font-size:12px}
.customer-recharge-page .mini-row .muted{font-size:10px}
.customer-recharge-page .mini-list.pack-plan-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:8px;
  align-items:stretch;
}
.customer-recharge-page .mini-list.pack-plan-grid .mini-row{
  min-height:118px;
}
.customer-recharge-page .pack-plan-card{
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto auto;
  gap:6px;
  width:100%;
  padding:9px 9px 8px;
  border-radius:10px;
  border:1px solid rgba(84,176,255,.38);
  background:
    radial-gradient(circle at 82% 10%, rgba(56,189,248,.15), transparent 34%),
    linear-gradient(160deg, rgba(15,31,54,.98), rgba(8,21,38,.98));
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  overflow:hidden;
}
.customer-recharge-page .pack-plan-card:hover{
  transform:translateY(-1px);
}
.customer-recharge-page .pack-plan-card .pack-plan-badge{
  position:absolute;
  top:6px;
  left:9px;
  transform:none;
  min-height:17px;
  padding:0 6px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#f4f9ff;
  background:linear-gradient(140deg,#5a48da,#4e8eff);
  border:1px solid rgba(141,154,255,.65);
}
.customer-recharge-page .pack-plan-card .pack-plan-badge.popular{
  left:auto;
  right:9px;
  background:linear-gradient(140deg,#0c6457,#18b79a);
  border-color:rgba(60,227,182,.56);
}
.customer-recharge-page .pack-plan-head{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:8px;
}
.customer-recharge-page .pack-plan-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  border:1px solid rgba(118,199,255,.44);
  background:linear-gradient(155deg, rgba(40,83,255,.36), rgba(17,42,78,.35));
  color:#9dddff;
  font-size:14px;
  display:grid;
  place-items:center;
}
.customer-recharge-page .pack-plan-copy{
  display:grid;
  gap:3px;
}
.customer-recharge-page .pack-plan-title{
  font-size:clamp(12px,.92vw,14px);
  font-weight:800;
  line-height:1.22;
  color:#f0f7ff;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.customer-recharge-page .pack-plan-meta{
  font-size:clamp(10px,.75vw,11px);
  color:#b5cbdf;
  line-height:1.25;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.customer-recharge-page .pack-plan-divider{
  height:1px;
  background:linear-gradient(90deg, rgba(102,188,255,.42), rgba(102,188,255,.08));
}
.customer-recharge-page .pack-plan-price{
  margin-top:1px;
  font-weight:800;
  color:#7ad8ff;
  white-space:nowrap;
  font-size:clamp(16px,1.2vw,20px);
  line-height:1.08;
  letter-spacing:-.02em;
}
.customer-recharge-page .pack-plan-card.tone-violet .pack-plan-price{color:#7992ff}
.customer-recharge-page .pack-plan-card.tone-blue .pack-plan-price{color:#53b8ff}
.customer-recharge-page .pack-plan-card.tone-teal .pack-plan-price{color:#36e4c7}
.customer-recharge-page .pack-plan-card.tone-indigo .pack-plan-price{color:#8aa5ff}
.customer-recharge-page .pack-plan-card.tone-cyan .pack-plan-price{color:#65dbff}
.customer-recharge-page .pack-plan-card.active{
  border-color:rgba(64,224,255,.9);
  box-shadow:0 0 0 1px rgba(64,224,255,.35) inset, 0 8px 16px rgba(8,96,164,.28);
}
.customer-recharge-page .pack-plan-code{
  display:none;
}
.customer-recharge-page .plan-loading-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.customer-recharge-page .plan-loading-spinner{
  width:18px;
  height:18px;
  border:2px solid rgba(191,228,255,.35);
  border-top-color:#38bdf8;
  border-radius:50%;
  animation:planSpin .85s linear infinite;
}
@keyframes planSpin{
  to{transform:rotate(360deg);}
}
.customer-recharge-page [data-pack-plan-row]:hover{
  border-color:rgba(56,189,248,.55);
}
.customer-recharge-page .mini-row.active{
  border-color:rgba(56,189,248,.85);
  box-shadow:0 0 0 1px rgba(56,189,248,.25) inset;
}
@media (max-width:980px){
  .customer-recharge-page .dash-card{
    padding:18px;
  }
  .customer-recharge-page .dash-topbar h1{
    font-size:30px !important;
  }
  .customer-recharge-page .dash-card h2{
    font-size:24px !important;
  }
  .customer-recharge-page .quick-tabs .tab{
    min-height:40px;
    padding:0 12px;
  }
  .customer-recharge-page .mini-list.pack-plan-grid{
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  }
}
@media (max-width:680px){
  .customer-recharge-page .dash-topbar h1{
    font-size:24px !important;
  }
  .customer-recharge-page .dash-card h2{
    font-size:20px !important;
  }
  .customer-recharge-page .recharge-hero-head{
    gap:10px;
    margin-bottom:14px;
  }
  .customer-recharge-page .recharge-hero-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:17px;
  }
  .customer-recharge-page .form-grid{
    grid-template-columns:1fr;
  }
  .customer-recharge-page input,
  .customer-recharge-page select,
  .customer-recharge-page [data-recharge-check-plan-btn]{
    min-height:46px;
  }
  .customer-recharge-page [data-customer-recharge-submit]{
    min-height:52px;
    padding-left:42px;
    padding-right:56px;
  }
  .customer-recharge-page .mini-list.pack-plan-grid{
    grid-template-columns:1fr;
  }
}
.mini-list{display:grid;gap:8px}
.mini-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line-soft);border-radius:8px;padding:12px;background:rgba(254,254,254,.55)}
.profile-edit-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.profile-edit-card{
  align-self:start;
}
.profile-edit-card.profile-collapsed{
  padding-bottom:12px;
}
.profile-edit-card.profile-collapsed .profile-edit-head{
  margin-bottom:0;
}
.profile-edit-head h2{
  margin:0;
}
.profile-edit-head .btn{
  min-height:36px;
  padding:0 14px;
  font-size:13px;
}
.profile-edit-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.profile-edit-form[hidden]{
  display:none !important;
}
.profile-edit-form .field.full{
  grid-column:1 / -1;
}
.profile-edit-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.profile-edit-actions .btn{
  min-width:170px;
}
.profile-kyc-card{
  margin-top:14px;
  align-self:start;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.profile-kyc-card.profile-collapsed{
  padding-bottom:0;
}
.profile-kyc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.profile-kyc-card.profile-collapsed .profile-kyc-head{
  margin-bottom:0;
}
.profile-kyc-head h2{
  margin:0;
}
.profile-kyc-head-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.profile-kyc-head-actions .btn{
  min-height:36px;
  padding:0 14px;
  font-size:13px;
}
.profile-kyc-status-line{
  margin:0;
  font-size:12px;
  color:var(--ink-soft);
}
.profile-kyc-status-line [data-profile-kyc-status-text]{
  color:var(--ink);
  font-weight:700;
}
.kyc-uploader[hidden]{
  display:none !important;
}
@media (max-width:980px){
  .nav-menu{display:none}
  .mobile-menu{display:block}
  .hero-inner{grid-template-columns:1fr;padding-top:54px}
  .visual-panel{min-height:auto}
  .grid.three,.grid.four,.contact-strip,.footer-grid,.dash-grid,.metric-grid{grid-template-columns:1fr 1fr}
  .customer-services-page [data-customer-services-grid].grid.four{grid-template-columns:repeat(6,minmax(0,1fr))}
  .customer-filter-grid{grid-template-columns:1fr 1fr 1fr}
  .customer-report-switch .btn{min-width:0;flex:1 1 200px}
  .dash-page.dash-compact h1{font-size:20px !important}
  .dash-page.dash-compact h2{font-size:15px !important}
  .dash-page.dash-compact .dash-topbar h1{font-size:20px !important}
  .dash-page.dash-compact .dash-card h2{font-size:15px !important}
  .dash-page.dash-compact .metric .value{font-size:23px !important}
  .customer-recharge-page .dash-topbar h1{font-size:28px}
  .customer-recharge-page .metric .value{font-size:24px}
  .dash-page{grid-template-columns:82px 1fr}
  .dash-logo .brand-word,.dash-nav span,.dash-label,.dash-bottom{display:none}
  .dash-link{justify-content:center;padding:0}
  .profile-edit-form{grid-template-columns:1fr}
  .profile-edit-head{display:block}
  .profile-edit-head .btn{margin-top:10px}
  .profile-kyc-head{display:block}
  .profile-kyc-head-actions{margin-top:10px}
}
@media (max-width:680px){
  .nav-inner{padding:0 18px}
  .nav-actions .btn-ghost{display:none}
  .hero-inner,.section-inner,.footer-inner,.dash-content{padding-left:18px;padding-right:18px}
  .hero-stats,.grid.two,.grid.three,.grid.four,.form-grid,.contact-strip,.footer-grid,.metric-grid{grid-template-columns:1fr}
  .customer-services-page [data-customer-services-grid].grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}
  .section-head{display:block}
  .section-lead{margin-top:14px}
  .dash-page{display:block}
  .dash-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .dash-nav{grid-template-columns:repeat(4,1fr);overflow:auto}
  .dash-logo{display:none}
  .dash-link{font-size:12px;white-space:nowrap;padding:0 10px}
  .dash-topbar{position:static;display:block}
  .dash-topbar .btn{margin-top:12px}
  .dash-page.dash-compact h1{font-size:18px !important}
  .dash-page.dash-compact h2{font-size:14px !important}
  .dash-page.dash-compact .dash-topbar h1{font-size:18px !important}
  .dash-page.dash-compact .dash-card h2{font-size:14px !important}
  .dash-page.dash-compact .metric .value{font-size:21px !important}
  .customer-filter-grid{grid-template-columns:1fr}
  .customer-report-switch .btn{width:100%}
  .profile-edit-actions{flex-direction:column;align-items:flex-start}
  .profile-edit-actions .btn{width:100%;min-width:0}
  .profile-kyc-head-actions{flex-direction:column;align-items:flex-start}
  .profile-kyc-head-actions .btn{width:100%}
  .policy{padding:22px}
}

/* ===== CUSTOMER RECHARGE: 10% SMALLER THAN OTHER PAGES ===== */
.customer-recharge-page{
  --customer-recharge-scale:0.90;
}
@supports (zoom:1){
  .customer-recharge-page{
    zoom:var(--customer-recharge-scale);
  }
}
@supports not (zoom:1){
  .customer-recharge-page{
    transform:scale(var(--customer-recharge-scale));
    transform-origin:top left;
    width:calc(100% / var(--customer-recharge-scale));
    min-height:calc(100vh / var(--customer-recharge-scale));
  }
}
/* ===== DARK SIGNATURE THEME (Sitewide 2026) ===== */
:root{
  --ink:#eaf4ff;
  --ink-soft:#bfd3ea;
  --ink-mid:#94aac3;
  --ink-light:#7d96b2;
  --cream:#070d17;
  --cream-deep:#0e1725;
  --cream-edge:#1d2c3f;
  --paper:#101b2b;
  --saffron:#38bdf8;
  --saffron-deep:#0ea5e9;
  --saffron-soft:#a5e3ff;
  --emerald:#34d399;
  --emerald-soft:rgba(52,211,153,.16);
  --blue:#60a5fa;
  --blue-soft:rgba(96,165,250,.16);
  --red:#f87171;
  --red-soft:rgba(248,113,113,.15);
  --line:rgba(167,204,242,.2);
  --line-soft:rgba(167,204,242,.12);
  --shadow:0 24px 70px rgba(2,9,18,.5);
}
body{
  background:
    radial-gradient(circle at 10% -10%, rgba(56,189,248,.15), transparent 32%),
    radial-gradient(circle at 90% 6%, rgba(14,165,233,.12), transparent 30%),
    linear-gradient(180deg,#060c15 0%,#0a1524 45%,#070d17 100%);
  color:var(--ink);
}
a{color:inherit}
.site-nav,
.dash-topbar{
  background:rgba(8,14,24,.75);
  border-color:rgba(167,204,242,.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
.brand,.brand-word,.brand-mark,.nav-menu a,.btn-ghost,.btn-dark,.mobile-menu,
.ledger-title,.dash-link,.dash-topbar h1,.dash-card h2{color:var(--ink)}
.brand-dot{box-shadow:0 0 0 6px rgba(56,189,248,.16)}
.nav-menu a:hover,.nav-menu a.active{background:rgba(56,189,248,.14);color:#f0f8ff}
.btn-primary{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#eaf7ff;box-shadow:0 14px 30px rgba(2,132,199,.35)}
.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#0ea5e9)}
.btn-ghost{background:rgba(11,24,40,.6);border-color:rgba(155,207,255,.3)}
.btn-ghost:hover{background:rgba(25,52,84,.75)}
.btn-dark{background:#10253f}
.mobile-menu{background:#101b2b;border-color:rgba(155,207,255,.28)}
.page-hero{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 12% 12%, rgba(56,189,248,.16), transparent 34%),
    linear-gradient(180deg,#091220,#0d1829);
}
.hero-copy,.section-lead,.muted,.feature-list,.policy p,.policy li,.faq-answer{color:var(--ink-soft)}
.visual-panel,.table-wrap,.card,.policy,.faq-item,.dash-card,.metric,.mini-row{
  background:linear-gradient(180deg,rgba(17,29,45,.96),rgba(12,23,37,.96));
  border-color:rgba(165,209,250,.22);
  box-shadow:0 16px 34px rgba(2,9,18,.45);
}
.ledger-row{
  background:rgba(11,24,40,.74);
  border-color:rgba(165,209,250,.2);
}
.pill{background:rgba(11,24,40,.66);border-color:rgba(165,209,250,.2);color:var(--ink-mid)}
th{background:rgba(11,24,40,.72);color:var(--ink-soft);border-color:var(--line)}
td{border-color:var(--line-soft)}
.section{background:#0a1320}
.section.alt{background:#0d1828}
.section.dark{background:#060f1b}
.dark .card{background:rgba(19,39,63,.64);border-color:rgba(173,225,255,.26)}
.icon,.ledger-icon{background:rgba(56,189,248,.14);color:#a9e4ff}
.price-card.featured{border-color:rgba(56,189,248,.48);box-shadow:0 22px 52px rgba(56,189,248,.16)}
label,.dash-label,.metric .label,.stat-label,.section-kicker,.eyebrow{color:#93d8ff}
input,select,textarea,.tab{
  background:rgba(11,24,40,.84);
  border-color:rgba(165,209,250,.22);
  color:var(--ink);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--saffron-deep);
  box-shadow:0 0 0 3px rgba(56,189,248,.22);
}
.faq-question{color:var(--ink)}
.site-footer{
  background:
    radial-gradient(circle at 86% 12%, rgba(56,189,248,.18), transparent 28%),
    #060f1b;
}
.footer-col a{color:rgba(234,244,255,.75)}
.footer-col a:hover{color:#f3faff}
.footer-bottom{border-top-color:rgba(167,204,242,.22);color:rgba(234,244,255,.58)}
.dash-sidebar{background:#0b1523;border-right-color:rgba(167,204,242,.2)}
.dash-logo{border-bottom-color:rgba(167,204,242,.2)}
.dash-link{color:#adc4dc}
.dash-link:hover,.dash-link.active{background:rgba(56,189,248,.16);color:#eef8ff}
.dash-bottom{border-top-color:rgba(167,204,242,.2)}
.tab{color:#c2d9f0;border-color:rgba(167,204,242,.22)}
.tab.active{background:#0ea5e9;border-color:#0ea5e9;color:#eff9ff}
.mini-row{background:rgba(11,24,40,.7)}

/* ===== KYC Upload ===== */
.kyc-uploader{
  display:grid;
  gap:16px;
}
.kyc-upload-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.kyc-upload-card{
  display:grid;
  gap:10px;
  position:relative;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(17,29,45,.96),rgba(12,23,37,.96));
  padding:14px;
  cursor:pointer;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.kyc-upload-card:hover{
  border-color:rgba(56,189,248,.48);
  transform:translateY(-1px);
}
.kyc-upload-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.kyc-upload-head h3{
  font-size:15px;
  color:var(--ink);
}
.kyc-file-input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.kyc-upload-drop{
  border:1px dashed rgba(167,204,242,.32);
  border-radius:10px;
  min-height:58px;
  display:grid;
  place-items:center;
  color:var(--ink-mid);
  font-size:12px;
  text-align:center;
  padding:8px;
}
.kyc-preview{
  width:100%;
  height:132px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--line-soft);
  display:none;
}
.kyc-upload-meta{
  font-size:12px;
  color:var(--ink-mid);
}
.kyc-upload-card.uploaded .kyc-preview{
  display:block;
}
.kyc-upload-card.uploaded .kyc-upload-drop{
  display:none;
}
.kyc-upload-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:12px;
}
[data-kyc-submit]:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none !important;
}

/* ===== UI POLISH PASS (Type + Spacing + Consistency) ===== */
body{
  line-height:1.62;
  letter-spacing:.002em;
}
h1,h2,h3{
  font-weight:700;
  letter-spacing:-.018em;
}
.hero-copy,.section-lead,.card p,.policy p,.policy li{
  line-height:1.68;
}
.nav-inner{
  min-height:80px;
}
.nav-menu a{
  font-weight:600;
  padding:9px 14px;
}
.btn{
  min-height:44px;
  padding:0 20px;
  border-radius:12px;
  font-weight:700;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;
}
.btn:hover{
  transform:translateY(-1px);
}
.card,.policy,.faq-item,.dash-card,.metric,.visual-panel,.table-wrap{
  border-radius:12px;
}
.card,.dash-card{
  padding:24px;
}
.grid,.hero-stats,.metric-grid,.dash-grid,.footer-grid{
  gap:18px;
}
input,select,textarea{
  min-height:46px;
  border-radius:10px;
  padding:12px 13px;
}
table th,table td{
  vertical-align:middle;
}
.faq-question{
  padding:20px 22px;
}
.pill,.status-chip,.tab{
  font-weight:600;
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(56,189,248,.65);
  outline-offset:2px;
}

@media (max-width:680px){
  h1{
    line-height:.97;
  }
  .section-inner,.hero-inner,.dash-content{
    padding-top:56px;
    padding-bottom:56px;
  }
  .card,.dash-card{
    padding:18px;
  }
  .kyc-upload-grid{
    grid-template-columns:1fr;
  }
  .kyc-upload-actions{
    flex-direction:column;
    align-items:flex-start;
  }
}