:root{
  --brand:#7a0c0c;
  --brand-dark:#5d0909;
  --ink:#0f172a;
  --muted:#6b7280;
  --soft:#f7f7f8;
  --radius:18px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(15,23,42,.08)}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font-weight:900;color:var(--brand);font-size:26px}
.nav{display:flex;gap:22px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:900;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark)}
.hero{padding:70px 0 80px;color:#fff;background:linear-gradient(180deg, rgba(20,30,45,.55), rgba(11,19,32,1))}
.hero h1{margin:18px 0 10px;font-size:58px;line-height:1.02}
.pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(122,12,12,.95);font-weight:900;letter-spacing:.6px;font-size:12px}
.section{padding:54px 0}
.section-soft{background:var(--soft)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border-radius:var(--radius);border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 26px rgba(2,6,23,.08);overflow:hidden}
.card .top{padding:18px 18px 0;display:flex;justify-content:space-between;align-items:baseline}
.card .title{font-weight:900;font-size:18px}
.card .amount{font-weight:900;color:var(--brand)}
.card .body{padding:14px 18px 18px;color:#374151}
.form{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);box-shadow:0 10px 26px rgba(2,6,23,.08);padding:18px;max-width:820px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
label{display:flex;flex-direction:column;gap:8px;font-weight:900;font-size:13px}
input,select{border-radius:14px;border:1px solid rgba(15,23,42,.18);padding:12px;font-size:14px;outline:none}
small{color:var(--muted)}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.nav{display:none}.hero h1{font-size:42px}}