/* ── ClassedWallet Global CSS ─────────────────────────────────────────────── */
:root {
  --ink:   #0A0F1A;
  --ink-2: #1E293B;
  --ink-3: #334155;
  --muted: #64748B;
  --faint: #94A3B8;
  --line:  #E8ECF0;
  --bg:    #F7F9FB;
  --white: #ffffff;
  --g:     #059669;
  --gd:    #047857;
  --gp:    #ECFDF5;
  --gl:    #D1FAE5;
  --c:     #F97316;
  --ease:  cubic-bezier(.4,0,.2,1);
  --max:   1160px;
  --gap-section: 80px;
}

/* Reset scoped to plugin output */
.cw-page *,
.cw-page *::before,
.cw-page *::after {
  box-sizing: border-box;
}

.cw-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.5;
}

.cw-wrap {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 768px) {
  .cw-wrap { padding: 0 18px; }
  :root { --gap-section: 56px; }
}

/* ── Typography ─────────────────────────────────────────────────────────────── */
.cw-eyebrow {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--g);
  margin-bottom: 8px;
}

.cw-section-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -1px;
  line-height: 1.15;
}

@media (max-width: 768px) {
  .cw-section-title { font-size: 22px; }
}

/* ── Buttons ─────────────────────────────────────────────────────────────────── */
.cw-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  border: none;
  transition: all .18s var(--ease);
  text-decoration: none;
  white-space: nowrap;
}

.cw-btn-primary {
  background: var(--g);
  color: #fff;
}
.cw-btn-primary:hover {
  background: var(--gd);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(5,150,105,.28);
}

.cw-btn-ghost {
  background: transparent;
  color: var(--ink);
  border: 1.5px solid var(--line);
}
.cw-btn-ghost:hover {
  border-color: var(--g);
  color: var(--g);
}

/* ── Badges ─────────────────────────────────────────────────────────────────── */
.cw-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.cw-badge-scholarship { background: #EFF6FF; color: #1D4ED8; }
.cw-badge-fellowship  { background: #FEF3C7; color: #92400E; }
.cw-badge-internship  { background: #F5F3FF; color: #6D28D9; }
.cw-badge-job         { background: #F0FDF4; color: #15803D; }
.cw-badge-course      { background: #F0FDFA; color: #0F766E; }
.cw-badge-grant       { background: #FFF1F2; color: #BE123C; }
.cw-badge-funded      { background: #fef9c3; color: #854d0e; }
.cw-badge-noielts     { background: #ede9fe; color: #5b21b6; }
.cw-badge-urgent      { background: #FFF4EE; color: #F97316; }

/* ── Loading spinner ─────────────────────────────────────────────────────────── */
.cw-spinner {
  width: 32px; height: 32px;
  border: 3px solid var(--line);
  border-top-color: var(--g);
  border-radius: 50%;
  animation: cw-spin .7s linear infinite;
  margin: 40px auto;
}
@keyframes cw-spin { to { transform: rotate(360deg); } }