/* CredEnd Fintech Visual Upgrade (v1) */
:root{
  --ce-navy-950:#071225;
  --ce-navy-900:#0b1b34;
  --ce-navy-800:#10274b;
  --ce-slate-900:#0f172a;
  --ce-slate-700:#334155;
  --ce-slate-600:#475569;
  --ce-slate-500:#64748b;
  --ce-border:#e6edf7;
  --ce-border-2:#d7e3f5;

  --ce-gold-500:#d4af37;
  --ce-gold-400:#e6c35a;
  --ce-gold-100:#fff2c7;

  --ce-bg:#f6f8fc;
  --ce-surface:#ffffff;

  --ce-shadow: 0 18px 50px rgba(7,18,37,.10);
  --ce-shadow2: 0 10px 30px rgba(7,18,37,.08);

  --ce-hero:
    radial-gradient(900px 460px at 20% 10%, rgba(212,175,55,.16), transparent 60%),
    radial-gradient(900px 460px at 80% 25%, rgba(11,27,52,.12), transparent 60%),
    linear-gradient(180deg, #fbfdff 0%, #f6f8fc 70%, #f6f8fc 100%);
}

html, body{ background: var(--ce-bg); color:#0b1220; }
body{ overflow-x:hidden; }

.section{ padding: 72px 0; }
.section-sm{ padding: 44px 0; }

.hero{
  background: var(--ce-hero);
  border-bottom: 1px solid var(--ce-border);
}
.h1, h1{ font-weight: 850; letter-spacing:-0.02em; }
.h2, h2{ font-weight: 820; letter-spacing:-0.015em; }
.lead{ color:#516175; line-height:1.75; font-size:1.08rem; }

.card{
  background: var(--ce-surface);
  border: 1px solid var(--ce-border);
  border-radius: 18px;
  box-shadow: var(--ce-shadow2);
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(420px 240px at 15% 15%, rgba(212,175,55,.10), transparent 60%);
  opacity:.85;
  pointer-events:none;
}
.card{ position:relative; }
.card > *{ position:relative; }

.btn{
  border-radius: 999px;
  font-weight: 750;
  box-shadow: 0 12px 26px rgba(7,18,37,.10);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.btn:hover{ transform: translateY(-1px); }

.btn--navy{
  background: linear-gradient(135deg, var(--ce-navy-950), var(--ce-navy-800));
  border-color: rgba(0,0,0,0);
  color:#fff;
}
.btn--navy:hover{ filter:brightness(1.05); }

.btn--gold{
  background: linear-gradient(135deg, var(--ce-gold-500), var(--ce-gold-400));
  color:#1a1404;
  border-color: rgba(0,0,0,0);
  box-shadow: 0 14px 28px rgba(212,175,55,.22);
}
.btn--gold:hover{ filter:brightness(1.03); }

.btn--ghost{
  background: rgba(255,255,255,.72);
  border: 1px solid var(--ce-border-2) !important;
  color: var(--ce-navy-900);
  box-shadow:none;
}
.btn--ghost:hover{
  background:#fff;
  border-color: rgba(212,175,55,.55) !important;
}

.badges{ gap:10px; }
.badge{
  border-radius:999px;
  padding: 8px 12px;
  border: 1px solid var(--ce-border-2);
  background: rgba(255,255,255,.78);
  color: var(--ce-navy-900);
  font-weight: 650;
}
.badge:hover{ border-color: rgba(212,175,55,.55); }

.hl{
  background: linear-gradient(180deg, rgba(212,175,55,.26) 0%, rgba(212,175,55,.10) 100%);
  border-bottom: 2px solid rgba(212,175,55,.55);
  padding: 0 .25em;
  border-radius: 8px;
}

.stats{
  gap: 14px;
}
.stat{
  box-shadow: 0 16px 34px rgba(7,18,37,.08);
}
.stat .num{
  color: var(--ce-navy-950);
  font-weight: 900;
  letter-spacing:-0.02em;
}
.stat .label{ color:#516175; font-weight:650; }

.kpi .k{
  border: 1px solid var(--ce-border);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  box-shadow: 0 14px 30px rgba(7,18,37,.06);
}
.kpi .n{ color: var(--ce-navy-950); font-weight: 850; }

.note{
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(255,242,199,.40);
  color: #3b3b2b;
}

/* Inputs */
.input, input, select, textarea{
  border-radius: 14px;
}
.input:focus, input:focus, select:focus, textarea:focus{
  outline:none;
  border-color: rgba(212,175,55,.65) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.15) !important;
}

/* Section heading divider */
.section-head::after{
  content:"";
  height:1px;
  flex:1;
  margin-left:16px;
  background: linear-gradient(90deg, rgba(212,175,55,.55), rgba(7,18,37,.12));
}

/* Navbar polish */
header{
  backdrop-filter: saturate(180%) blur(10px);
}