/* public_global_finance_v1.css
 * Public site theme: Global Finance Blue-Gray (light)
 */

:root{
  --pf-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --pf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --pf-bg: #f6f8fb;
  --pf-bg2:#eef2f7;
  --pf-panel:#ffffff;
  --pf-panel2:#f8fafc;
  --pf-line:#e6ebf2;
  --pf-line2:#d6dde8;

  --pf-text:#0b1220;
  --pf-muted:#5b677a;

  --pf-primary:#0b5cff;
  --pf-primary2:#2c7dff;
  --pf-ok:#0f9d58;
  --pf-warn:#f59e0b;
  --pf-bad:#e11d48;

  --pf-shadow: 0 18px 55px rgba(11,18,32,.10);
  --pf-shadow2: 0 10px 28px rgba(11,18,32,.08);
  --pf-r: 18px;
  --pf-r2: 14px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: var(--pf-font-sans);
  color: var(--pf-text);
  background:
    radial-gradient(900px 520px at 12% 6%, rgba(11,92,255,.10), rgba(246,248,251,0) 60%),
    radial-gradient(760px 460px at 85% 10%, rgba(0,163,255,.09), rgba(246,248,251,0) 62%),
    radial-gradient(900px 540px at 55% 92%, rgba(15,157,88,.06), rgba(246,248,251,0) 62%),
    linear-gradient(180deg, var(--pf-bg2), var(--pf-bg));
}

a{color:inherit}

.pf-shell{max-width:1120px;margin:0 auto;padding:28px 14px 56px;}

.pf-hero{
  border:1px solid var(--pf-line);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border-radius: calc(var(--pf-r) + 6px);
  box-shadow: var(--pf-shadow);
  padding: 22px 20px;
}

.pf-title{font-weight:950; letter-spacing:.2px; font-size:28px; margin:0 0 8px;}
.pf-sub{color:var(--pf-muted); margin:0; line-height:1.6;}

.pf-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-top:16px;}
@media(min-width: 920px){.pf-grid{grid-template-columns: repeat(3, 1fr);}}

.pf-card{
  border:1px solid var(--pf-line);
  background: var(--pf-panel);
  border-radius: var(--pf-r);
  box-shadow: var(--pf-shadow2);
  padding: 16px 16px 14px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  position:relative;
  overflow:hidden;
}
.pf-card:hover{ transform: translateY(-2px); border-color: rgba(11,92,255,.22); box-shadow: 0 18px 55px rgba(11,18,32,.10); }

.pf-card::before{
  content:"";
  position:absolute;
  inset:-60px -80px auto auto;
  width:220px;height:220px;
  background: radial-gradient(closest-side, rgba(11,92,255,.12), rgba(11,92,255,0));
  transform: rotate(12deg);
}

.pf-card h3{margin:0 0 6px; font-size:16px; font-weight:950; letter-spacing:.15px;}
.pf-card p{margin:0 0 10px; color:var(--pf-muted); line-height:1.55;}

.pf-bullets{margin:0 0 12px; padding-left:18px; color:var(--pf-muted);}
.pf-bullets li{margin:6px 0;}

.pf-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(11,92,255,.22);
  background: rgba(11,92,255,.12);
  color: #0a1b3a;
  font-weight:900;
  text-decoration:none;
}
.pf-cta:hover{ background: rgba(11,92,255,.16); }

.pf-meta{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content: space-between;
}
.pf-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(11,92,255,.18);
  background: rgba(11,92,255,.10);
  color:#0a1b3a;
  font-weight:850;
  font-size:12px;
}

.pf-facts{
  margin-top: 14px;
  border:1px solid var(--pf-line);
  background: var(--pf-panel2);
  border-radius: var(--pf-r);
  padding: 12px;
  font-family: var(--pf-font-mono);
  font-size: 12px;
  color: #23304a;
  white-space: pre-wrap;
}

.pf-actions{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.pf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius: 14px;
  border: 1px solid var(--pf-line2);
  background: rgba(11,18,32,.02);
  color: var(--pf-text);
  font-weight:900;
  cursor:pointer;
}
.pf-btn:hover{ background: rgba(11,92,255,.06); }