._layout_sp53l_1 {
  min-height: 100vh;       /* replaces min-h-dvh */
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--background)); /* uses your theme token */
}

._main_sp53l_8 {
  flex: 1;
  display: block; /* ensures <main> takes up available vertical space */
}
/* Section background */
._hero_ik8sq_2 {
  position: relative;
  background: radial-gradient(1000px 400px at 15% 0%, #f4f8ff, transparent 60%),
              linear-gradient(180deg, #f7fbff, #f5f8ff);
  padding: 48px 0 36px;
}

._max_ik8sq_9 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 36px;
  align-items: center;
}

/* LEFT */
._left_ik8sq_20 {}

._trustBadge_ik8sq_22 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  background: #eaf2ff;
  border: 1px solid #cfe0ff;
  color: #2147a4;
  border-radius: 999px;
  padding: 10px 16px;
  margin-bottom: 16px;
}

._title_ik8sq_35 {
  font-size: clamp(20px, 3vw, 24px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.02em;
  margin: 4px 0 14px;
  color: #0b1424;
}
._blue_ik8sq_43 { color: #1c449c; }
._gold_ik8sq_44 { color: #f5c659; }

._lead_ik8sq_46 {
  max-width: 620px;
  color: #64748b;
  font-weight: 600;
  line-height: 1.55;
  margin-bottom: 18px;
}

/* CTAs */
._ctas_ik8sq_55 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
._btn_ik8sq_61 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 700;
  font-size: 15px;
  border: 0;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
._arrow_ik8sq_73 { transform: translateY(1px); }
._primary_ik8sq_74 {
  background: #2147a4;
  color: #fff;
  box-shadow: 0 8px 24px rgba(33,71,164,.22);
}
._primary_ik8sq_74:hover { transform: translateY(-1px); }
._secondary_ik8sq_80 {
  background: #f5c659;
  color: #222;
  box-shadow: 0 8px 24px rgba(245,198,89,.25);
}
._secondary_ik8sq_80:hover { transform: translateY(-1px); }

/* Pills */
._pillsRow_ik8sq_88 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 640px;
}
._pillBox_ik8sq_94 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e5e9f2;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  color: #0f172a;
}
._pillIcon_ik8sq_105 {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #eef2ff;
  color: #2147a4;
}
._pillSolo_ik8sq_114 {
  margin-top: 14px;
  max-width: 320px;
}

/* Checks */
._checks_ik8sq_120 {
  list-style: none;
  padding: 0;
  margin: 18px 0 14px;
  display: grid;
  gap: 12px;
  max-width: 720px;
  color: #0b1424;
}
._checks_ik8sq_120 li {
  display: flex;
  align-items: center;
  gap: 10px;
}
._checks_ik8sq_120 li svg { color: #16a34a; }

/* Stats */
._stats_ik8sq_137 {
  display: flex;
  gap: 42px;
  margin-top: 10px;
  flex-wrap: wrap;
}
._statItem_ik8sq_143 { text-align: left; }
._statNum_ik8sq_144 {
  font-weight: 900;
  font-size: 28px;
  letter-spacing: -0.02em;
}
._statBlue_ik8sq_149 { color: #1c449c; }
._statGreen_ik8sq_150 { color: #10b981; }
._statPurple_ik8sq_151 { color: #7c3aed; }
._statLabel_ik8sq_152 {
  color: #94a3b8;
  font-weight: 700;
  margin-top: 2px;
}

/* RIGHT */
._right_ik8sq_159 { position: relative; }

._photoWrap_ik8sq_161 {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: #0b1424;
  box-shadow: 0 30px 60px rgba(2,13,38,.25);
}
._photo_ik8sq_161 {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/11;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}

/* Overlays */
._successCard_ik8sq_178 {
  position: absolute;
  top: 18px;
  left: 20px;
  background: #ffffff;
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
._successIcon_ik8sq_190 {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #4ade80, #22c55e);
}
._successTitle_ik8sq_196 {
  font-weight: 800;
  color: #0b1424;
  font-size: 14px;
  line-height: 1.1;
}
._successSub_ik8sq_202 {
  color: #6b7280;
  font-size: 12px;
}

/* Live support */
._live_ik8sq_208 {
  position: absolute;
  right: 18px;
  top: 48%;
  transform: translateY(-50%);
  background: #2450ff;
  background: linear-gradient(90deg, #2f49ff, #35c6ff);
  color: #fff;
  font-weight: 700;
  border-radius: 999px;
  padding: 8px 12px;
  box-shadow: 0 10px 24px rgba(3, 27, 78, .25);
  display: flex;
  align-items: center;
  gap: 8px;
}
._dot_ik8sq_224 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(52,211,153,.25);
}

/* Bottom-right rating card */
._ratingCard_ik8sq_233 {
  position: absolute;
  right: 18px;
  bottom: 18px;
  background: #ffffff;
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.14);
}
._star_ik8sq_245 {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #fff4d6;
  color: #f59e0b;
}
._ratingTitle_ik8sq_254 {
  font-weight: 800;
  color: #0b1424;
  line-height: 1.1;
}
._ratingSub_ik8sq_259 {
  font-size: 12px;
  color: #6b7280;
}

/* Decorative shapes */
._shapeTopRight_ik8sq_265 {
  position: absolute;
  right: -8px;
  top: -6px;
  width: 120px;
  height: 90px;
  background: #a6b8ff;
  opacity: .45;
  border-radius: 24px 24px 0 24px;
  filter: blur(4px);
}
._shapeLeftBlob_ik8sq_276 {
  position: absolute;
  left: -28px;
  top: 36%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle at 50% 50%, #b3ffd6, #84e1bc);
  opacity: .6;
  border-radius: 999px;
  filter: blur(2px);
}
._shapeTilt_ik8sq_287 {
  position: absolute;
  left: 24px;
  bottom: 14px;
  width: 180px;
  height: 120px;
  background: #ffe59d;
  opacity: .85;
  border-radius: 22px;
  transform: rotate(12deg);
  filter: blur(1px);
}

/* Responsive */
@media (max-width: 1024px) {
  ._max_ik8sq_9 {
    grid-template-columns: 1fr;
  }
  ._right_ik8sq_159 { order: -1; } /* image above on tablets/phones */
}
:root{
  --blue:#2147a4;
  --blue-600:#1c449c;
  --gold:#f5c659;
  --green:#16a34a;
  --green-100:#e9f9ef;
  --blue-100:#eaf2ff;
  --purple:#7c3aed;
  --purple-100:#f3e8ff;
  --slate-700:#334155;
  --slate-500:#64748b;
  --border:#e8ecf4;
}

/* section shell */
._section_ad1vu_16{
  padding: 56px 0 40px;
  background: linear-gradient(180deg,#ffffff, #fbfdff);
   margin:4rem auto;
}
._max_ad1vu_21{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* badge */
._badge_ad1vu_29{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color:var(--blue);
  padding:10px 16px;
  border-radius:9999px;
  font-weight:700;
  margin-bottom:14px;
}

/* heading */
._title_ad1vu_43{
  font-size: clamp(26px,4.2vw,40px);
  font-weight:900;
  letter-spacing:-0.02em;
  color:#0b1424;
  margin: 4px 0 10px;
}
._accent_ad1vu_50{ color:var(--blue-600); }

._subtitle_ad1vu_52{
  max-width:760px;
  margin: 0 auto 28px;
  color:var(--slate-500);
  font-weight:700;
  line-height:1.55;
}

/* cards */
._cards_ad1vu_61{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:28px;
  margin-top: 8px;
}
._card_ad1vu_61{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:42px 26px 28px;
  box-shadow: 0 10px 30px rgba(16,24,40,.06);
  position:relative;
}
._card_ad1vu_61._green_ad1vu_75{ border-color:#ccf3dd; box-shadow: 0 10px 30px rgba(22,163,74,.06); }
._card_ad1vu_61._blue_ad1vu_76{  border-color:#cfe0ff; box-shadow: 0 10px 30px rgba(33,71,164,.06); }
._card_ad1vu_61._purple_ad1vu_77{border-color:#e1d0ff; box-shadow: 0 10px 30px rgba(124,58,237,.06); }

._iconWrap_ad1vu_79{
  width:64px; height:64px;
  border-radius:14px;
  display:grid; place-items:center;
  margin: 0 auto 18px;
  font-size:26px;
}
._greenTone_ad1vu_86{ background: var(--green-100); color: var(--green); border: 1px solid #cfeedd; }
._blueTone_ad1vu_87{  background: var(--blue-100);  color: var(--blue);  border: 1px solid #d9e6ff; }
._purpleTone_ad1vu_88{background: var(--purple-100);color: var(--purple);border: 1px solid #e9d7ff;}

._cardTitle_ad1vu_90{
  font-size:20px;
  font-weight:800;
  margin-bottom:8px;
  color:#0b1424;
}
._cardText_ad1vu_96{
  color:#475569;
  line-height:1.6;
  max-width: 420px;
  margin: 0 auto 26px;
}

/* thin underline inside card */
._underline_ad1vu_104{
  height:4px;
  width: 78%;
  margin: 0 auto;
  border-radius: 999px;
  background:#eef2f7;
}
._greenBar_ad1vu_111{ background: linear-gradient(90deg,#e8f8ee,#d6f3e3); }
._blueBar_ad1vu_112{  background: linear-gradient(90deg,#eaf2ff,#e0ecff); }
._purpleBar_ad1vu_113{background: linear-gradient(90deg,#f2e9ff,#eadbff); }

/* stats band */
._statsBand_ad1vu_116{
  margin-top: 36px;
  padding: 28px 26px;
  background: #f8fbff;
  border:1px solid #e9eef8;
  border-radius: 20px;
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  box-shadow: 0 14px 40px rgba(15,23,42,.05) inset,
              0 20px 50px rgba(15,23,42,.06);
}
._statItem_ad1vu_128{ text-align:center; }
._statValue_ad1vu_129{
  font-size: clamp(22px,3vw,34px);
  font-weight: 900;
  letter-spacing:-0.02em;
  color:#0b1424;
}
._blueText_ad1vu_135{ color: var(--blue-600); }
._greenText_ad1vu_136{ color: var(--green); }
._purpleText_ad1vu_137{ color: var(--purple); }
._star_ad1vu_138{ color:#f59e0b; margin-left:6px; display:inline-flex; transform: translateY(2px); }

._statLabel_ad1vu_140{
  margin-top:6px;
  color:#64748b;
  font-weight:700;
}

/* responsive */
@media (max-width: 992px){
  ._cards_ad1vu_61{ grid-template-columns: 1fr; }
  ._statsBand_ad1vu_116{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  ._statsBand_ad1vu_116{ grid-template-columns: 1fr; }
}
/* Layout */
._section_39hza_2{
  padding: 54px 0 46px;
  background: radial-gradient(900px 300px at 50% -80px, #f6faff, transparent 70%) #fff;
}
._max_39hza_6{
  max-width: 1200px;
   margin:4rem auto;
  padding: 0 24px;
  text-align: center;
}

/* Badge */
._badge_39hza_14{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color:#2147a4;
  font-weight:700;
  margin-bottom:14px;
}

/* Title */
._title_39hza_28{
  font-size: clamp(28px,4.4vw,44px);
  font-weight:900;
  letter-spacing:-0.02em;
  color:#0b1424;
  margin: 6px 0 10px;
}
._blue_39hza_35{ color:#2147a4; }
._gold_39hza_36{ color:#f5c659; }

._subtitle_39hza_38{
  max-width: 820px;
  margin: 0 auto 26px;
  color:#64748b;
  font-weight:700;
  line-height:1.55;
}

/* Grid */
._grid_39hza_47{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap: 22px;
}

/* Card */
._card_39hza_54{
  text-align:left;
  background:#fff;
  border:1px solid var(--tint-200);
  border-radius:16px;
  padding:22px 20px 18px;
  box-shadow: 0 10px 28px rgba(15,23,42,.06);
  position:relative;
  transition: transform .15s ease, box-shadow .15s ease;
}
._card_39hza_54:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(15,23,42,.09);
}

/* Icon */
._iconWrap_39hza_70{
  width:56px; height:56px;
  border-radius:12px;
  display:grid; place-items:center;
  font-size:24px;
  color: var(--tint);
  background: var(--tint-100);
  border: 1px solid var(--tint-200);
  margin-bottom: 14px;
}

/* Content */
._cardTitle_39hza_82{
  font-size: 18px;
  font-weight: 800;
  color:#0b1424;
  margin-bottom: 6px;
}
._cardDesc_39hza_88{
  color:#65748b;
  line-height:1.55;
}

/* Thin divider like screenshot */
._rule_39hza_94{
  height:2px;
  width:100%;
  margin: 16px 0 10px;
  background: linear-gradient(90deg, #eef2f7, #edf1f6);
  border-radius:999px;
}

/* Footer row */
._cardFoot_39hza_103{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
._tutors_39hza_108{
  color:#64748b;
  font-weight:700;
}
._chev_39hza_112{
  width:28px; height:28px;
  border-radius:999px;
  display:grid; place-items:center;
  background: var(--tint-100);
  color: var(--tint);
  border:1px solid var(--tint-200);
}

/* CTA button */
._explore_39hza_122{
  margin: 24px auto 0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#2147a4;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
  box-shadow: 0 10px 24px rgba(33,71,164,.2);
  transition: transform .15s ease, box-shadow .15s ease;
}
._explore_39hza_122:hover{ transform: translateY(-1px); }
._exploreIcon_39hza_138{ transform: translateY(1px); }

/* Responsive */
@media (max-width: 1100px){
  ._grid_39hza_47{ grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 820px){
  ._grid_39hza_47{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 540px){
  ._grid_39hza_47{ grid-template-columns: 1fr; }
}
._wrap_gkznh_1 {
  margin: 44px auto 44px;
  padding: 0 16px;
  max-width: 1280px;
}

/* Large rounded gradient container */
._card_gkznh_8 {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  min-height: 280px;
  padding: 56px 20px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* blue → slate → gold, like the reference */
  background: linear-gradient(100deg, #2147a4 0%, #6f7683 50%, #f5c659 100%);
  color: #fff;

  /* soft outer glow */
  box-shadow:
    0 25px 70px rgba(0,0,0,.12),
    0 30px 100px rgba(33,71,164,.20),
    0 30px 100px rgba(245,198,89,.15);
}

/* subtle inner sheen on top */
._card_gkznh_8::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 22px;
  background: radial-gradient(1200px 220px at 50% 0, rgba(255,255,255,.10), transparent 60%);
  pointer-events: none;
}

._icon_gkznh_42 {
  width: 76px;
  height: 76px;
  border-radius: 9999px;
  background: rgba(255,255,255,.18);
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
._icon_gkznh_42 svg { color: #fff; }

._title_gkznh_54 {
  margin: 6px 0 10px;
  font-weight: 900;
  font-size: clamp(22px, 3.5vw, 34px);
  letter-spacing: -0.01em;
}

._subtitle_gkznh_61 {
  max-width: 980px;
  margin: 0 auto 22px;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  color: rgba(255,255,255,.95);
}

._actions_gkznh_69 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Filled white CTA */
._primary_gkznh_77 {
  background: #fff;
  color: #1e3a8a; /* deep blue text */
  border: 0;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 700;
  cursor: pointer;
  box-shadow:
    0 10px 28px rgba(16,24,40,.22),
    0 2px 4px rgba(16,24,40,.12);
  transition: transform .15s ease, box-shadow .15s ease;
}
._primary_gkznh_77:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 34px rgba(16,24,40,.26),
    0 3px 6px rgba(16,24,40,.14);
}

/* Outline white CTA */
._ghost_gkznh_98 {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
._ghost_gkznh_98:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: #fff;
}

@media (max-width: 768px) {
  ._card_gkznh_8 { padding: 44px 16px; min-height: 240px; }
  ._icon_gkznh_42 { width: 60px; height: 60px; }
}
:root{
  --blue:#2147a4;
  --blue-300:#cfd8ff;
  --text:#0b1424;
  --muted:#667085;
}

._section_1qmda_8{
     margin:4rem auto;
  padding: 44px 0 36px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
}
._max_1qmda_13{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* Badge */
._badge_1qmda_21{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color:var(--blue);
  font-weight:700;
  margin-bottom:12px;
}

/* Title + subtitle */
._title_1qmda_35{
  margin: 6px 0 8px;
  font-size: clamp(28px, 4.2vw, 44px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--text);
}
._blue_1qmda_42{ color: var(--blue); }

._subtitle_1qmda_44{
  max-width: 900px;
  margin: 0 auto 36px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.6;
}

/* Steps row */
._steps_1qmda_53{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
}

/* faint connecting line */
._line_1qmda_62{
  position: absolute;
  left: 8%;
  right: 8%;
  top: 28px;             /* aligns with circle center */
  height: 2px;
  background: #e8edf9;
  z-index: 0;
}

/* Each step */
._step_1qmda_53{
  position: relative;
  text-align: center;
  padding-top: 0;
}

/* big numbered circle */
._circle_1qmda_80{
  width: 96px;
  height: 96px;
  margin: 0 auto 18px;
  border-radius: 9999px;
  border: 3px solid var(--blue-300);
  background: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: var(--blue);
  font-size: 22px;
  z-index: 1;
}

/* tiny icon badge near circle */
._miniIcon_1qmda_96{
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translateX(56px); /* default to right of circle */
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #fff;
  border: 2px solid var(--blue);
  color: var(--blue);
  display: grid;
  place-items: center;
  font-size: 12px;
  z-index: 2;
}
._miLeft_1qmda_112{ transform: translateX(56px); }   /* same as default, for first step look */
._miRight_1qmda_113{ transform: translateX(56px); }  /* keep consistent with screenshot */

/* labels */
._stepTitle_1qmda_116{
    
  margin: 8px 0 8px;
  font-size: 20px;
  font-weight: 900;
  color: var(--text);
}
._stepText_1qmda_123{
  margin: 0 auto;
  max-width: 360px;
  color: #6b7280;
  line-height: 1.6;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 900px){
  ._circle_1qmda_80{ width: 84px; height: 84px; font-size: 20px; }
  ._line_1qmda_62{ left: 6%; right: 6%; top: 24px; }
}
@media (max-width: 720px){
  ._steps_1qmda_53{ grid-template-columns: 1fr; gap: 28px; }
  ._line_1qmda_62{ display:none; }
  ._miniIcon_1qmda_96{ left: calc(50% + 42px); }
}
:root{
  --blue:#2147a4;
  --muted:#6b7280;
  --chip-bg:#e9f9ef;   /* light green */
  --chip-bd:#cfeedd;   /* green border */
  --chip-fg:#16a34a;   /* green icon */
  --card-bd:#e9eef8;
}

._section_lzycb_10{
   margin-top: 3rem;
  padding: 24px 0 12px;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
}

._card_lzycb_16{
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px 30px;
  background: #fff;
  border: 1px solid var(--card-bd);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15,23,42,.06);
}

._title_lzycb_26{
  text-align: center;
  font-size: clamp(22px,3.2vw,32px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #0b1424;
  margin: 2px 0 8px;
}

._subtitle_lzycb_35{
  text-align: center;
  color: #7b8aa0;
  font-weight: 700;
  margin-bottom: 18px;
}

/* two columns like the screenshot */
._grid_lzycb_43{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 60px;
  padding: 8px 10px 6px;
}

._list_lzycb_50{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 18px;
}

._item_lzycb_58{
  display: flex;
  align-items: center;
  gap: 14px;
}

._check_lzycb_64{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: var(--chip-bg);
  border: 1px solid var(--chip-bd);
  color: var(--chip-fg);
  flex: 0 0 32px;
  font-size: 16px;
}

._text_lzycb_77{
  color: #0f172a;
  font-weight: 700;
}

/* responsive */
@media (max-width: 900px){
  ._grid_lzycb_43{ grid-template-columns: 1fr; gap: 16px; }
}
:root{
  --blue:#2147a4;
  --blue-200:#dbe6ff;
  --ink:#0b1424;
  --muted:#6b7280;
  --bd:#e9eef8;
  --chipGreyBg:#f2f5fa;
  --chipGreyBd:#e6ebf3;
  --chipGreenBg:#e9f9ef;
  --chipGreenBd:#cfeedd;
  --star:#f59e0b;
}

/* Section shell */
._section_xsqcr_15{
  padding: 48px 0 12px;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
   margin: 4rem auto;
}
._max_xsqcr_20{
  max-width: 1100px;          /* tighter width like screenshot */
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

/* Badge */
._badge_xsqcr_28{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:9999px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color:var(--blue);
  font-weight:700;
  font-size: 13px;            /* smaller */
  margin-bottom: 10px;
}

/* Title + subtitle */
._title_xsqcr_43{
  margin: 4px 0 6px;
  font-size: clamp(22px,3.2vw,30px); /* smaller than previous sections */
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--ink);
}
._blue_xsqcr_50{ color: var(--blue); }
._subtitle_xsqcr_51{
  max-width: 840px;
  margin: 0 auto 16px;
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px;            /* smaller */
}

/* Card + nav */
._cardWrap_xsqcr_60{
  position: relative;
  margin-top: 10px;
}
._card_xsqcr_60{
  border: 1px solid var(--bd);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15,23,42,.06);
  padding: 20px 24px;
  text-align: left;
  display: grid;
  grid-template-columns: 280px 1fr;   /* left profile + right quote */
  gap: 24px;
}

/* nav buttons */
._navBtn_xsqcr_77{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px; height: 34px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--bd);
  display: grid; place-items: center;
  color: var(--ink);
  box-shadow: 0 8px 18px rgba(15,23,42,.08);
  cursor: pointer;
}
._leftBtn_xsqcr_90{ left: -12px; }
._rightBtn_xsqcr_91{ right: -12px; }

/* Left profile */
._profile_xsqcr_94{
  text-align: center;
  padding: 4px 6px;
}
._avatar_xsqcr_98{
  width: 96px; height: 96px;
  border-radius: 999px;
  border: 3px solid var(--bd);
  margin: 2px auto 8px;
  display: grid; place-items: center;
  background:#f8fafc;
  overflow: hidden;
}
._avatar_xsqcr_98 img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 999px; }
._avatarIcon_xsqcr_108{ color:#9aa8bf; font-size: 38px; }

._name_xsqcr_110{
  font-weight: 800;
  font-size: 16px;
  color: var(--ink);
  margin-top: 4px;
}
._university_xsqcr_116{
  color: #60708a;
  font-weight: 700;
  font-size: 13px;
  margin-top: 4px;
}
._field_xsqcr_122{
  color: var(--blue);
  font-weight: 700;
  font-size: 13px;
  margin-top: 2px;
}
._stars_xsqcr_128{
  margin-top: 10px;
  display: flex; gap: 6px; justify-content: center;
}
._starOn_xsqcr_132{ color: var(--star); font-size: 14px; }
._starOff_xsqcr_133{ color: #e8eef7; font-size: 14px; }

/* Right quote */
._quoteCol_xsqcr_136{ align-self: center; }
._quote_xsqcr_136{
  margin: 0 0 14px;
  color: #0f172a;
  font-weight: 700;
  line-height: 1.6;
  font-size: 16px;          /* smaller */
}
._tags_xsqcr_144{
  display:flex; gap:10px; flex-wrap:wrap;
}
._tag_xsqcr_144{
  display:inline-flex; align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
}
._tagGrey_xsqcr_154{
  background: var(--chipGreyBg);
  border: 1px solid var(--chipGreyBd);
  color: #566277;
}
._tagGreen_xsqcr_159{
  background: var(--chipGreenBg);
  border: 1px solid var(--chipGreenBd);
  color: #128540;
}

/* dots */
._dots_xsqcr_166{
  display:flex; gap:8px; justify-content:center;
  margin: 12px 0 4px;
}
._dot_xsqcr_166{
  width: 8px; height: 8px; border-radius: 999px;
  background: #e4e9f3; border: 0;
}
._dotActive_xsqcr_174{
  width: 24px; height: 8px; border-radius: 999px;
  background: var(--blue);
}

/* responsive */
@media (max-width: 860px){
  ._card_xsqcr_60{ grid-template-columns: 1fr; }
  ._leftBtn_xsqcr_90{ left: 4px; } ._rightBtn_xsqcr_91{ right: 4px; }
  ._profile_xsqcr_94{ text-align: left; display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: center; }
  ._stars_xsqcr_128{ justify-content: flex-start; }
}
:root{
  --blue:#2147a4;
  --ink:#0b1424;
  --muted:#64748b;
  --card-bd:#e8edf7;
}

._section_xa3ij_8{
    margin:4rem auto;
  padding: 14px 0 10px;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
}

._card_xa3ij_14{
  max-width: 1180px;
  margin: 0 auto;
  padding: 26px 18px 28px;
  background: #fbfdff;
  border: 1px solid var(--card-bd);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(15,23,42,.05);
  text-align: center;
}

/* small icon chip */
._icon_xa3ij_26{
  width: 34px;
  height: 34px;
  margin: 2px auto 6px;
  border-radius: 10px;
  background: #eef3ff;
  border: 1px solid #d9e6ff;
  color: var(--blue);
  display: grid;
  place-items: center;
  font-size: 16px;
}

._title_xa3ij_39{
  font-size: clamp(20px, 2.6vw, 26px); /* smaller per your note */
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -0.01em;
  margin: 6px 0 8px;
}

._subtitle_xa3ij_47{
  max-width: 820px;
  margin: 0 auto 16px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.55;
  font-size: 14px; /* smaller */
}

._actions_xa3ij_56{
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* filled blue */
._primary_xa3ij_64{
  background: var(--blue);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 800;
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(33,71,164,.20);
  cursor: pointer;
}

/* white outline */
._ghost_xa3ij_77{
  background: #fff;
  color: #1f2a44;
  border: 1px solid var(--card-bd);
  border-radius: 10px;
  padding: 9px 16px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 640px){
  ._card_xa3ij_14{ padding: 22px 14px; }
}
:root{
  --blue:#2147a4;
  --ink:#0b1424;
  --muted:#6b7280;
  --bd:#e8edf7;
}

._section_1h3jh_8{
   margin: 4rem auto;
  padding: 18px 0 26px;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
}
._max_1h3jh_13{
  max-width: 1100px;           /* compact like screenshot */
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

/* Badge */
._badge_1h3jh_21{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color:var(--blue);
  font-weight:800;
  font-size:13px;              /* smaller */
  margin-bottom:10px;
}

/* Heading */
._title_1h3jh_36{
  margin: 4px 0 6px;
  font-size: clamp(22px,3.2vw,30px); /* smaller fonts */
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -.02em;
}
._subtitle_1h3jh_43{
  max-width: 820px;
  margin: 0 auto 16px;
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px;
}

/* Search */
._searchWrap_1h3jh_52{
  position: relative;
  margin: 8px auto 18px;
  max-width: 1040px;
}
._searchIcon_1h3jh_57{
  position: absolute;
  top: 50%; left: 14px;
  transform: translateY(-50%);
  color: #98a5bf;
  font-size: 18px;
}
._search_1h3jh_52{
  width: 100%;
  height: 44px;
  padding: 0 14px 0 40px;
  border: 1px solid var(--bd);
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  outline: none;
}
._search_1h3jh_52:focus{
  border-color:#cfd8ff;
  box-shadow: 0 0 0 3px rgba(33,71,164,.08);
}

/* Cards */
._list_1h3jh_80{
  margin-top: 6px;
  text-align: left;
}
._card_1h3jh_84{
  background:#fff;
  border:1px solid var(--bd);
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
  margin-bottom: 12px;
  overflow: hidden;
}
._header_1h3jh_92{
  width: 100%;
  background: transparent;
  border: 0;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
._question_1h3jh_102{
  font-weight: 900;
  color: var(--ink);
  font-size: 16px;          /* smaller than default */
}
._chev_1h3jh_107{
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border: 1px solid #d9e6ff;
  border-radius: 8px;
  color: var(--blue);
  background: #eef3ff;
  flex-shrink: 0;
}

._rule_1h3jh_117{
  height: 1px;
  background: #edf1f6;
  margin: 0 16px;
}
._answer_1h3jh_122{
  padding: 14px 16px 18px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.65;
  font-size: 14px;
}

._open_1h3jh_130 ._header_1h3jh_92{ background: #fcfdff; }

@media (max-width: 640px){
  ._question_1h3jh_102{ font-size: 15px; }
  ._answer_1h3jh_122{ font-size: 13.5px; }
}
:root{
  --green:#16a34a;
  --green-500:#16a34a;
  --green-600:#0f9a45;
  --green-400:#22c55e;
  --ink:#0b1424;
  --muted:#6b7280;
  --bd:#e9eef8;
}

._section_1le5a_11{
  background: linear-gradient(180deg,#ffffff,#fbfdff);
  padding: 18px 0 26px;
}
._max_1le5a_15{
  max-width: 1100px;
  margin: 4rem auto;
  padding: 0 20px;
  text-align: center;
}

/* Badge */
._badge_1le5a_23{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #e9f9ef;
  border: 1px solid #cfeedd;
  color: var(--green-600);
  font-weight: 800;
  font-size: 13px; /* smaller as requested */
  margin-bottom: 10px;
}

/* Heading */
._title_1le5a_38{
  line-height: 1.05;
  margin: 6px 0 8px;
  letter-spacing: -0.02em;
  font-weight: 900;
  font-size: clamp(22px,3.2vw,30px); /* compact */
}
._green_1le5a_45{ color: var(--green-500); }
._black_1le5a_46{ color: var(--ink); }

._subtitle_1le5a_48{
  max-width: 820px;
  margin: 0 auto 18px;
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px; /* compact */
}

/* Big green card */
._panel_1le5a_57{
  position: relative;
  border-radius: 22px;
  padding: 32px 18px 28px;
  color: #fff;
  overflow: hidden;
  background: linear-gradient(180deg, #12b981, var(--green-600));
  box-shadow: 0 28px 80px rgba(16,185,129,.25), 0 14px 40px rgba(0,0,0,.06);
}

/* Decorative blobs */
._blobTR_1le5a_68, ._blobBL_1le5a_68{
  position: absolute;
  pointer-events: none;
  opacity: .25;
  filter: blur(0.5px);
  background: radial-gradient(circle at 30% 30%, #2add8a, #0ea75b);
}
._blobTR_1le5a_68{
  right: -80px; top: -40px;
  width: 260px; height: 260px; border-radius: 50%;
}
._blobBL_1le5a_68{
  left: -90px; bottom: -70px;
  width: 220px; height: 220px; border-radius: 50%;
}

/* Center shield circle */
._iconWrap_1le5a_85{
  width: 92px; height: 92px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,.12));
  display: grid; place-items: center;
}
._icon_1le5a_85{ font-size: 34px; color: #fff; opacity: .95; }

._panelTitle_1le5a_94{
  font-weight: 900;
  font-size: clamp(20px,2.8vw,26px);
  margin: 6px 0 6px;
  letter-spacing: -.01em;
}
._panelText_1le5a_100{
  max-width: 820px;
  margin: 0 auto 18px;
  font-weight: 800;            /* bold like screenshot */
  line-height: 1.55;
  font-size: 14px;
  color: rgba(255,255,255,.95);
}

/* translucent ribbon box */
._ribbon_1le5a_110{
  margin: 0 auto;
  max-width: 760px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 14px;
}
._ribbonLeft_1le5a_121{
  display: inline-flex; align-items: center; gap: 8px;
  color: #eafff2;
  font-weight: 900;
  font-size: 14px;
}
._ribbonTitle_1le5a_127{ white-space: nowrap; }
._ribbonText_1le5a_128{
  color: rgba(255,255,255,.92);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 680px){
  ._ribbon_1le5a_110{ grid-template-columns: 1fr; text-align: center; }
  ._ribbonLeft_1le5a_121{ justify-content: center; }
}
:root {
  --blue: #2147a4;
  --ink: #0b1424;
  --muted: #6b7280;
  --bd: #e9eef8;

  --g-green: #16a34a;
  --g-green-100: #e9f9ef;
  --g-green-200: #cfeedd;
  --g-blue: #3b82f6;
  --g-blue-100: #eef3ff;
  --g-blue-200: #d9e6ff;
  --g-purple: #7c3aed;
  --g-purple-100: #f3e8ff;
  --g-purple-200: #eadbff;
  --g-orange: #f59e0b;
  --g-orange-100: #fff4e5;
  --g-orange-200: #ffe4c7;

  --circle-size: 70px; 
}

._section_7love_23 {
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  padding: 16px 0 26px;
   margin: 4rem auto;
}

._max_7love_29 {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Top cards */
._grid_7love_36 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

._card_7love_42 {
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 18px;
  text-align: center;
  padding: 22px 16px 18px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

._icon_7love_51 {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 24px;
  border: 1px solid var(--bd);
}

._cardTitle_7love_62 {
  font-weight: 900;
  color: var(--ink);
  font-size: 16px;
  /* smaller text */
  margin-bottom: 6px;
}

._cardText_7love_70 {
  color: #6b7280;
  font-weight: 700;
  line-height: 1.55;
  font-size: 13.5px;
}

/* tinted variants */
._green_7love_78 {
  border-color: var(--g-green-200);
}

._green_7love_78 ._icon_7love_51 {
  background: var(--g-green-100);
  border-color: var(--g-green-200);
  color: var(--g-green);
}

._blue_7love_88 {
  border-color: var(--g-blue-200);
}

._blue_7love_88 ._icon_7love_51 {
  background: var(--g-blue-100);
  border-color: var(--g-blue-200);
  color: var(--g-blue);
}

._purple_7love_98 {
  border-color: var(--g-purple-200);
}

._purple_7love_98 ._icon_7love_51 {
  background: var(--g-purple-100);
  border-color: var(--g-purple-200);
  color: var(--g-purple);
}

._orange_7love_108 {
  border-color: var(--g-orange-200);
}

._orange_7love_108 ._icon_7love_51 {
  background: var(--g-orange-100);
  border-color: var(--g-orange-200);
  color: var(--g-orange);
}

/* spacer between blocks */
._spacer_7love_119 {
  height: 26px;
}

/* heading */
._title_7love_124 {
  text-align: center;
  font-weight: 900;
  font-size: clamp(20px, 2.8vw, 26px);
  color: var(--ink);
  letter-spacing: -.02em;
  margin: 0 0 6px;
}

._blue_7love_88 {
  color: var(--blue);
}

._subtitle_7love_137 {
  text-align: center;
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 20px;
}

/* steps */
._steps_7love_146{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  text-align: center;
}

._line_7love_154{
  position: absolute;
  left: 6%;
  right: 6%;
  top: calc(var(--circle-size) / 2); /* passes through center; adjust if needed */
  height: 2px;
  background: #e8edf9;
  z-index: 0;                         /* <<< behind */
}

._circle_7love_164 {
  position: relative;
  z-index: 1;
  /* <<< above */
  width: var(--circle-size);
  height: var(--circle-size);
  margin: 0 auto 10px;
  border-radius: 999px;
  border: 2px solid #cfd8ff;
  background: #fff;
  /* hides the line where they overlap */
  display: grid;
  place-items: center;
  color: #2147a4;
  font-weight: 900;
  font-size: 16px;
}

._stepTitle_7love_182 {
  font-weight: 900;
  color: var(--ink);
  font-size: 15px;
  margin: 4px 0 6px;
}

._stepText_7love_189 {
  max-width: 320px;
  margin: 0 auto;
  color: #7b8aa0;
  font-weight: 700;
  font-size: 13.5px;
  line-height: 1.6;
}

/* responsive */
@media (max-width: 1000px) {
  ._grid_7love_36 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  ._grid_7love_36 {
    grid-template-columns: 1fr;
  }

  ._steps_7love_146 {
    grid-template-columns: 1fr;
  }

  ._line_7love_154 {
    display: none;
  }
}:root{
  --blue:#2147a4;
  --ink:#0b1424;
}

/* outer spacing */
._wrap_ymf9m_7{
  max-width: 1200px;
  margin: 32px auto 22px;
  padding: 0 16px;
}

/* gradient card */
._card_ymf9m_14{
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  padding: 56px 18px 28px;
  background: linear-gradient(100deg, #2147a4 0%, #6f7683 52%, #f5c659 100%);
  color: #fff;
  text-align: center;
  box-shadow:
    0 24px 80px rgba(33,71,164,.18),
    0 26px 90px rgba(245,198,89,.16),
    0 16px 40px rgba(15,23,42,.08);
}

/* center translucent icon */
._icon_ymf9m_29{
  width: 72px; height: 72px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.28);
  display: grid; place-items: center;
  font-size: 28px;
}

/* smaller fonts per your note */
._title_ymf9m_40{
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 900;
  letter-spacing: -.01em;
  margin: 8px 0 6px;
  color: #fff;
}

._subtitle_ymf9m_48{
  max-width: 900px;
  margin: 0 auto 18px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
  color: rgba(255,255,255,.95);
}

/* buttons */
._actions_ymf9m_58{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

._primary_ymf9m_66{
  background: #fff;
  color: var(--blue);
  border: 0;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(16,24,40,.22);
}
._ghost_ymf9m_77{
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

/* thin divider */
._rule_ymf9m_89{
  border: 0;
  height: 1px;
  width: min(820px, 78%);
  margin: 6px auto 12px;
  background: rgba(255,255,255,.35);
}

/* bottom note */
._note_ymf9m_98{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.9);
  font-weight: 700;
  font-size: 13.5px;
}
._noteIcon_ymf9m_106{ opacity: .95; }

/* responsive */
@media (max-width: 640px){
  ._card_ymf9m_14{ padding: 44px 14px 24px; }
}
:root{
  --blue:#2147a4;
  --blue-100:#eef3ff;
  --blue-200:#d9e6ff;
  --ink:#0b1424;
  --muted:#6b7280;
  --gold:#f5c659;
  --green:#16a34a;
  --orange:#f59e0b;
}

/* warm background like screenshot */
._wrap_lm0ad_13{
  padding: 28px 16px 28px;
  background: radial-gradient(900px 220px at 50% -80px, #fff7e8, #ffffff 70%);
  margin: 4rem auto;
}

/* white rounded card */
._card_lm0ad_20{
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 1px solid #e9eef8;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(15,23,42,.07);
  padding: 26px 18px 20px;
}

/* small blue icon chip */
._iconChip_lm0ad_32{
  width: 64px; height: 64px;
  margin: 0 auto 10px;
  border-radius: 999px;
  background: var(--blue-100);
  border: 1px solid var(--blue-200);
  color: var(--blue);
  display: grid; place-items: center;
  font-size: 26px;
}

/* smaller fonts per your guidance */
._title_lm0ad_44{
  margin: 4px 0 6px;
  font-size: clamp(22px,3.2vw,30px);
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--ink);
}
._subtitle_lm0ad_51{
  max-width: 760px;
  margin: 0 auto 14px;
  color: var(--muted);
  font-weight: 800;
  font-size: 14px;
  line-height: 1.55;
}

/* CTAs */
._actions_lm0ad_61{
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 8px 0 8px;
}
._btnIcon_lm0ad_68{ margin-right: 8px; transform: translateY(1px); }

._btnBlue_lm0ad_70{
  display: inline-flex; align-items: center;
  background: var(--blue);
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 900;
  font-size: 14px;
  box-shadow: 0 10px 26px rgba(33,71,164,.22);
  cursor: pointer;
}
._btnGold_lm0ad_82{
  display: inline-flex; align-items: center;
  background: var(--gold);
  color: #1f2937;
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 900;
  font-size: 14px;
  box-shadow: 0 10px 26px rgba(245,198,89,.32);
  cursor: pointer;
}

/* features row */
._features_lm0ad_96{
  margin-top: 8px;
  display: flex;
  justify-content: center;
  gap: 26px;
  flex-wrap: wrap;
}
._feature_lm0ad_96{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #58677f;
  font-weight: 800;
  font-size: 13.5px;
}
._featIcon_lm0ad_111{ font-size: 16px; }
._green_lm0ad_112{ color: var(--green); }
._blue_lm0ad_113{ color: var(--blue); }
._orange_lm0ad_114{ color: var(--orange); }

@media (max-width: 540px){
  ._card_lm0ad_20{ padding: 22px 14px 18px; }
}
:root{
  --blue:#2147a4;
  --blue-100:#eef3ff;
  --blue-200:#d9e6ff;
  --ink:#0b1424;
  --muted:#667085;
  --bd:#e9eef8;
}

._wrap_1c6o4_10{
  padding: 18px 16px 16px;
  margin:4rem auto;
}

._card_1c6o4_15{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(15,23,42,.06);
  padding: 22px 16px 20px;
}

/* top icon chip */
._iconChip_1c6o4_27{
  width: 64px; height: 64px;
  margin: 0 auto 8px;
  border-radius: 999px;
  background: var(--blue-100);
  border: 1px solid var(--blue-200);
  color: var(--blue);
  display: grid; place-items: center;
  font-size: 26px;
}

._title_1c6o4_38{
  font-size: clamp(18px,2.4vw,22px); /* small as in screenshot */
  font-weight: 900;
  color: var(--ink);
  margin: 2px 0 6px;
  letter-spacing: -.01em;
}

._subtitle_1c6o4_46{
  color: var(--muted);
  font-weight: 700;
  font-size: 14px;
  margin: 0 auto 12px;
}

/* CTA buttons */
._actions_1c6o4_54{
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

._btnIcon_1c6o4_61{ margin-right: 8px; transform: translateY(1px); font-size: 16px; }

._primary_1c6o4_63{
  display: inline-flex; align-items: center;
  background: var(--blue);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 800;
  font-size: 14px;
  box-shadow: 0 10px 24px rgba(33,71,164,.2);
  cursor: pointer;
}

._ghost_1c6o4_76{
  display: inline-flex; align-items: center;
  background: #fff;
  color: var(--blue);
  border: 2px solid var(--blue-200);
  border-radius: 10px;
  padding: 8px 14px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 520px){
  ._card_1c6o4_15{ padding: 18px 12px; }
}
._container_obazq_1 {
  flex: 1;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
/* ChooseSubjectPage.module.css */

._container_1gqod_3 {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 40px) 16px 60px;
}

._topBar_1gqod_9 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

._backBtn_1gqod_16 {
  background: transparent;
  border: none;
  font-size: 14px;
  color: #1f2937;
  cursor: pointer;
}

._badge_1gqod_24 {
  margin-left: auto;
  padding: 8px 14px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  font-weight: 600;
  font-size: 14px;
}

._heading_1gqod_34 {
  text-align: center;
  font-size: clamp(18px, 2.3vw, 24px);
  font-weight: 800;
  color: #0b1020;
  margin: 6px 0 8px;
}

._subHeading_1gqod_42 {
  text-align: center;
  color: #6b7280;
  font-size: 15px;
  margin-bottom: 28px;
}

/* Grid */
._grid_1gqod_50 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

@media (max-width: 1024px) {
  ._grid_1gqod_50 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  ._grid_1gqod_50 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  ._grid_1gqod_50 { grid-template-columns: 1fr; }
}

/* Card */
._card_1gqod_67 {
  border-radius: 16px;
  border: 2px solid #eef2f7;
  background: #fff;
  padding: 26px 22px;
  text-align: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.04);
}

._card_1gqod_67:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.07);
}

/* Icon box */
._iconBox_1gqod_84 {
  width: 72px;
  height: 72px;
  margin: 0 auto 14px;
  border-radius: 16px;
  display: grid;
  place-items: center;
}

._icon_1gqod_84 {
  font-size: 28px;
}

/* Text */
._title_1gqod_98 {
  font-size: clamp(17px, 2.2vw, 20px);
  font-weight: 800;
  color: #0b1020;
  margin: 4px 0 6px;
}

._tutors_1gqod_105 {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}

/* ===== Color variants (border + soft icon background + icon color) ===== */

/* Blue (Mathematics / Law look) */
._blue_1gqod_114 { border-color: #dbeafe; }
._blue_1gqod_114:hover { border-color: #c3dafd; }
._blue_1gqod_114 ._iconBox_1gqod_84 { background: #eaf2ff; }
._blue_1gqod_114 ._icon_1gqod_84 { color: #2563eb; }

/* Green (Science / Languages look) */
._green_1gqod_120 { border-color: #dcfce7; }
._green_1gqod_120:hover { border-color: #c9f7d8; }
._green_1gqod_120 ._iconBox_1gqod_84 { background: #eaf8f0; }
._green_1gqod_120 ._icon_1gqod_84 { color: #16a34a; }

/* Purple (Geography) */
._purple_1gqod_126 { border-color: #ece9ff; }
._purple_1gqod_126:hover { border-color: #ded8ff; }
._purple_1gqod_126 ._iconBox_1gqod_84 { background: #f1efff; }
._purple_1gqod_126 ._icon_1gqod_84 { color: #7c3aed; }

/* Orange (Literature) */
._orange_1gqod_132 { border-color: #ffe7d6; }
._orange_1gqod_132:hover { border-color: #ffd9be; }
._orange_1gqod_132 ._iconBox_1gqod_84 { background: #fff1e6; }
._orange_1gqod_132 ._icon_1gqod_84 { color: #f97316; }

/* Pink (Computer Science) */
._pink_1gqod_138 { border-color: #fde2f2; }
._pink_1gqod_138:hover { border-color: #fbd2ea; }
._pink_1gqod_138 ._iconBox_1gqod_84 { background: #fff0f8; }
._pink_1gqod_138 ._icon_1gqod_84 { color: #ec4899; }

/* Indigo (Business) */
._indigo_1gqod_144 { border-color: #e3e8ff; }
._indigo_1gqod_144:hover { border-color: #d6ddff; }
._indigo_1gqod_144 ._iconBox_1gqod_84 { background: #eef1ff; }
._indigo_1gqod_144 ._icon_1gqod_84 { color: #4f46e5; }

/* Teal (Arts) */
._teal_1gqod_150 { border-color: #d8ffef; }
._teal_1gqod_150:hover { border-color: #c6ffe7; }
._teal_1gqod_150 ._iconBox_1gqod_84 { background: #e9fff7; }
._teal_1gqod_150 ._icon_1gqod_84 { color: #14b8a6; }

/* Red (Medicine) */
._red_1gqod_156 { border-color: #ffe1e1; }
._red_1gqod_156:hover { border-color: #ffd2d2; }
._red_1gqod_156 ._iconBox_1gqod_84 { background: #fff0f0; }
._red_1gqod_156 ._icon_1gqod_84 { color: #ef4444; }
._wrap_1dn7a_1 {
  margin: 48px auto;
  padding: 0 16px;
  max-width: 980px;
}

/* Big rounded gradient banner */
._card_1dn7a_8 {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  max-height: 260px;
  padding: 36px 14px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* blue → slate → gold like the screenshot */
  background: linear-gradient(100deg, #2147a4 0%, #6f7683 50%, #f5c659 100%);
  color: #fff;

  /* soft outer glow / elevation */
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.12),
    0 32px 100px rgba(33, 71, 164, 0.20),
    0 32px 100px rgba(245, 198, 89, 0.15);
}

/* subtle top sheen */
._card_1dn7a_8::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 22px;
  background: radial-gradient(1200px 220px at 50% 0, rgba(255,255,255,0.10), transparent 60%);
  pointer-events: none;
}

._icon_1dn7a_42 {
  width: 72px;
  height: 72px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.18);
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
._icon_1dn7a_42 svg { color: #fff; }

._title_1dn7a_54 {
  margin: 8px 0 8px;
  font-weight: 800;
  font-size: clamp(18px, 2.4vw, 26px);
  letter-spacing: 0.2px;
}

._subtitle_1dn7a_61 {
  max-width: 980px;
  margin: 8px 0 24px;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

/* White CTA like the mock */
._cta_1dn7a_70 {
  background: #ffffff;
  color: #1e3a8a;                 /* deep blue text */
  border: 0;
  border-radius: 12px;
  padding: 14px 22px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  box-shadow:
    0 8px 24px rgba(16, 24, 40, 0.22),
    0 2px 4px rgba(16, 24, 40, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
._cta_1dn7a_70:hover {
  transform: translateY(-1px);
  box-shadow:
    0 12px 28px rgba(16, 24, 40, 0.26),
    0 3px 6px rgba(16, 24, 40, 0.14);
}
._cta_1dn7a_70:active { transform: translateY(0); }

@media (max-width: 768px) {
  ._card_1dn7a_8 {
    padding: 40px 20px;
    min-height: 220px;
  }
  ._icon_1dn7a_42 { width: 56px; height: 56px; }
}
    ._section_aecgk_1 {
  text-align: center;
  padding: 80px 20px;
}

._badge_aecgk_6 {
  display: inline-block;
  background: #f5f7ff;
  color: #1a2c82;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 20px;
  margin-bottom: 16px;
}

._title_aecgk_17 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 40px;
  color: #111;
}

._highlight_aecgk_24 {
  color: #1a2c82; /* blue */
}

._highlightAlt_aecgk_28 {
  color: #fbbf24; /* yellow */
}

/* Cards container */
._cards_aecgk_33 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  max-width: 1100px;
  margin: 0 auto;
}

/* Single card */
._card_aecgk_33 {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  transition: transform 0.25s, box-shadow 0.25s;
}

._card_aecgk_33:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

/* Icon box */
._iconBox_aecgk_57 {
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 1.5rem;
}

._blue_aecgk_68 {
  background: #e6edff;
  color: #1a2c82;
}

._green_aecgk_73 {
  background: #e8f9f0;
  color: #0a925d;
}

._purple_aecgk_78 {
  background: #f6edff;
  color: #7a3fd4;
}

/* Text inside card */
._cardTitle_aecgk_84 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111;
}

._cardDesc_aecgk_91 {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555;
}
/* page area background fade (top) */
._wrap_1n3n6_2 {
  padding: 56px 16px 28px;
  background:
    radial-gradient(900px 400px at 90% -10%, rgba(28, 68, 156, 0.06), transparent 60%),
    linear-gradient(#f7fafc, #ffffff);
  text-align: center;
}

/* pill */
._pill_1n3n6_11 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #c5f6d6;
  color: #0a7a3a;
  font-weight: 600;
  border: 1px solid rgba(10, 122, 58, 0.15);
  margin: 0 auto 26px;
}

/* timeline layout */
._timeline_1n3n6_25 {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  padding: 40px 0 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: start;
}

/* horizontal track line */
._track_1n3n6_37 {
  position: absolute;
  top: 56px;                  /* aligns through icon centers */
  left: 5%;
  right: 5%;
  height: 2px;
  background: #e5eaf1;
  z-index: 0;
  pointer-events: none;
}

._step_1n3n6_48 {
  position: relative;
  z-index: 1;
}

/* icon circles */
._icon_1n3n6_54 {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 4px solid rgba(17, 24, 39, 0.08);
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(16, 24, 40, 0.06);
  color: #64748b;
}

/* color variants (soft fill + subtle ring) */
._iconBlue_1n3n6_68   { background: #eef3ff; border-color: #1c449c; color: #1c449c; }
._iconMint_1n3n6_69   { background: #eef8f1; border-color: #dfeee5; color: #6b7f6f; }
._iconPink_1n3n6_70   { background: #f7f1f6; border-color: #ecdfea; color: #7b6a74; }
._iconPeach_1n3n6_71  { background: #fff3e3; border-color: #f4e2c8; color: #7f6a52; }

/* active (first) step emphasized */
._active_1n3n6_74 ._iconBlue_1n3n6_68 {
  box-shadow: 0 10px 18px rgba(28, 68, 156, 0.18);
  border-width: 4px;
}

/* headings & text */
._stepTitle_1n3n6_80 {
  margin: 14px 0 6px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #334155;
}

._stepText_1n3n6_88 {
  margin: 0 auto;
  color: #6b7280;
  font-size: 15px;
  line-height: 1.55;
}

/* responsive */
@media (max-width: 980px) {
  ._timeline_1n3n6_25 {
    grid-template-columns: 1fr 1fr;
    row-gap: 26px;
  }
  ._track_1n3n6_37 {
    left: 8%;
    right: 8%;
  }
}

@media (max-width: 620px) {
  ._timeline_1n3n6_25 {
    grid-template-columns: 1fr;
  }
  ._track_1n3n6_37 {
    display: none; /* hide line on small screens */
  }
}
/* Container background with very soft edge glow */
._wrap_8q54m_2 {
  padding: 28px 16px 40px;
  background:
    radial-gradient(900px 420px at 100% -10%, rgba(28, 68, 156, 0.06), transparent 60%),
    #f7fafc;
}

/* Stepper */
._stepper_8q54m_10 {
  max-width: 940px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
._step_8q54m_10 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #ffffff;
  color: #64748b;
  border: 1px solid #e6ecf4;
}
._stepNumber_8q54m_28 {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 700;
  background: #edf2ff;
  color: #1c449c;
}
._stepLabel_8q54m_38 { font-weight: 700; }
._active_8q54m_39 {
  border-color: #1c449c;
  color: #0f172a;
}
._arrow_8q54m_43 { color: #cbd5e1; }

._card_8q54m_45 {
  max-width: 1010px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  padding: 22px 20px 24px;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.06);
}

._partTitle_8q54m_55 {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 800;
  color: #111827;
}

/* Upload */
._uploadBlock_8q54m_63 { margin-bottom: 18px; }

._inputLabel_8q54m_65 {
  display: block;
  font-weight: 600;
  color: #111827;
  margin-bottom: 10px;
}
._req_8q54m_71 { color: #e11d48; }

._dropzone_8q54m_73 {
  border: 2px dashed #d5dde8;
  border-radius: 12px;
  padding: 36px 16px;
  text-align: center;
  background: #fbfdff;
  color: #475569;
  transition: border-color 0.2s ease, background 0.2s ease;
}
._dropzone_8q54m_73:hover {
  border-color: #b9c6db;
  background: #f7fbff;
  cursor: pointer;
}
._uploadIcon_8q54m_87 {
  color: #9aa9c2;
  margin-bottom: 10px;
}
._dropTitle_8q54m_91 {
  margin: 0 0 12px;
  font-weight: 600;
  color: #334155;
}
._chooseBtn_8q54m_96 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #1c449c;
  color: #ffffff;
  border: 1px solid rgba(28, 68, 156, 0.2);
  font-weight: 600;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 8px 16px rgba(28, 68, 156, 0.12);
}
._chooseBtn_8q54m_96:hover { background: #16367a; }
._supported_8q54m_109 {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}
._hiddenInput_8q54m_114 { display: none; }

/* Fields */
._field_8q54m_117 { margin-top: 18px; }

._textarea_8q54m_119 {
  width: 100%;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  padding: 12px 14px;
  font: inherit;
  line-height: 1.5;
  color: #0f172a;
  background: #f9fbfe;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._textarea_8q54m_119::-moz-placeholder { color: #97a6ba; }
._textarea_8q54m_119::placeholder { color: #97a6ba; }
._textarea_8q54m_119:focus {
  border-color: #c8d6ee;
  box-shadow: 0 0 0 3px rgba(28, 68, 156, 0.12);
  background: #ffffff;
}

._row2_8q54m_138 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._input_8q54m_65 {
  width: 100%;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  padding: 12px 14px;
  font: inherit;
  color: #0f172a;
  background: #ffffff;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._input_8q54m_65:focus {
  border-color: #c8d6ee;
  box-shadow: 0 0 0 3px rgba(28, 68, 156, 0.12);
}

/* Footer */
._footer_8q54m_160 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
._nextBtn_8q54m_165 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #1c449c;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid rgba(28, 68, 156, 0.2);
  box-shadow: 0 10px 18px rgba(28, 68, 156, 0.18);
  transition: background 0.2s ease, transform 0.06s ease;
}
._nextBtn_8q54m_165:hover { background: #16367a; }
._nextBtn_8q54m_165:active { transform: translateY(1px); }

/* Responsive */
@media (max-width: 720px) {
  ._row2_8q54m_138 { grid-template-columns: 1fr; }
  ._footer_8q54m_160 { justify-content: stretch; }
  ._nextBtn_8q54m_165 { width: 100%; justify-content: center; }
}
/* Section backdrop */
._section_1eopb_2 {
  padding: 56px 16px 40px;
  text-align: center;
  background:
    radial-gradient(1100px 420px at 100% -10%, rgba(28, 68, 156, 0.06), transparent 60%),
    #f8fbff;
}

/* Pill */
._pill_1eopb_11 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #e9f0ff;
  border: 1px solid #d9e4ff;
  color: #1c449c;
  font-weight: 700;
  margin: 0 auto 14px;
  box-shadow: 0 2px 10px rgba(28, 68, 156, 0.08);
}
._pillIcon_1eopb_24 { font-size: 14px; }

/* Heading */
._title_1eopb_27 {
  margin: 10px 0 6px;
  font-size: clamp(26px, 4.6vw, 40px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #0f172a;
}
._titleBlue_1eopb_34 { color: #1c449c; }

._subtitle_1eopb_36 {
  max-width: 900px;
  margin: 0 auto 28px;
  color: #64748b;
  font-size: 17px;
  line-height: 1.55;
}

/* Grid */
._grid_1eopb_45 {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px 26px;
  padding: 4px;
}

/* Card */
._card_1eopb_55 {
  position: relative;
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  padding: 28px 26px 32px;
  text-align: left;
  box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06);
  overflow: hidden;
}

._iconWrap_1eopb_66 {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  margin-bottom: 18px;
  background: #eef3ff;
  color: #1c449c;
  border: 1px solid #dfe6fb;
  box-shadow: 0 8px 16px rgba(28, 68, 156, 0.08);
}

._cardTitle_1eopb_79 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 800;
  color: #111827;
}

._cardText_1eopb_86 {
  margin: 0;
  color: #6b7280;
  line-height: 1.6;
  font-size: 15px;
}

/* Decorative tiny bar at bottom center */
._bar_1eopb_94 {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  width: 64px;
  height: 6px;
  border-radius: 999px;
  background: #e7eefb;
  display: block;
  opacity: 0.9;
}

/* Tone variants for icon and bar */
._tone_blue_1eopb_108   ._iconWrap_1eopb_66 { background: #eef3ff; border-color: #dfe6fb; color: #1c449c; }
._tone_blue_1eopb_108   ._bar_1eopb_94      { background: #e6edff; }

._tone_green_1eopb_111  ._iconWrap_1eopb_66 { background: #eaf9ef; border-color: #dff0e7; color: #2a8d57; }
._tone_green_1eopb_111  ._bar_1eopb_94      { background: #dff3e7; }

._tone_purple_1eopb_114 ._iconWrap_1eopb_66 { background: #f3edff; border-color: #e7defa; color: #7c3aed; }
._tone_purple_1eopb_114 ._bar_1eopb_94      { background: #ebe2ff; }

._tone_orange_1eopb_117 ._iconWrap_1eopb_66 { background: #fff3e7; border-color: #f6e3cf; color: #d97706; }
._tone_orange_1eopb_117 ._bar_1eopb_94      { background: #ffe6cc; }

._tone_pink_1eopb_120   ._iconWrap_1eopb_66 { background: #fff0f5; border-color: #f7dbe5; color: #db2777; }
._tone_pink_1eopb_120   ._bar_1eopb_94      { background: #ffe1ee; }

._tone_indigo_1eopb_123 ._iconWrap_1eopb_66 { background: #eef0ff; border-color: #dfe2fb; color: #4f46e5; }
._tone_indigo_1eopb_123 ._bar_1eopb_94      { background: #e3e6ff; }

/* Responsive */
@media (max-width: 1020px) {
  ._grid_1eopb_45 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  ._grid_1eopb_45 { grid-template-columns: 1fr; }
  ._section_1eopb_2 { padding-top: 42px; }
  ._card_1eopb_55 { text-align: center; }
  ._iconWrap_1eopb_66 { margin: 0 auto 16px; }
}
:root {
  --blue: #2147a4;
  --blue-100: #eef3ff;
  --blue-200: #d9e6ff;
  --ink: #0b1424;
  --muted: #64748b;
  --gold: #f5c659;
  --bd: #e9eef8;
}

/* soft page background like screenshot */
._section_14uaj_12 {
  background:
    radial-gradient(900px 420px at 80% 20%, #fefae8 0%, transparent 60%),
    linear-gradient(180deg, #f7fbff, #ffffff 45%, #fff 100%);
  padding: 24px 0 10px;
  margin: 4rem auto;
}

._max_14uaj_20 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

._grid_14uaj_26 {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
  gap: 28px;
}

/* LEFT */
._left_14uaj_34 {
  padding: 6px 0;
}

._badge_14uaj_38 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--blue-100);
  border: 1px solid var(--blue-200);
  color: var(--blue);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 14px;
}

._title_14uaj_52 {
  margin: 0 0 8px;
  line-height: 1.02;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._black_14uaj_60 {
  font-size: clamp(36px, 5.8vw, 54px);
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -0.02em;
}

._blue_14uaj_67 {
  font-size: clamp(36px, 5.4vw, 50px);
  font-weight: 900;
  color: var(--blue);
  letter-spacing: -0.02em;
}

._gold_14uaj_74 {
  font-size: clamp(36px, 5.4vw, 50px);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, #ffd98a, #f3b928);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

._subtitle_14uaj_84 {
  max-width: 620px;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.55;
  font-size: 15px;
  margin: 8px 0 18px;
}

/* CTAs */
._actions_14uaj_94 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

._primary_14uaj_100,
._ghost_14uaj_101 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

._primary_14uaj_100 {
  background: var(--blue);
  color: #fff;
  border: 0;
  box-shadow: 0 12px 28px rgba(33, 71, 164, .20);
}

._ghost_14uaj_101 {
  background: #fff;
  color: var(--blue);
  border: 2px solid var(--blue-200);
}

/* RIGHT */
._right_14uaj_127 {
  position: relative;
  justify-self: end;
}

._heroImg_14uaj_132 {
  width: min(620px, 100%);
  height: auto;
  border-radius: 22px;
  box-shadow:
    0 32px 90px rgba(15, 23, 42, .16),
    0 18px 40px rgba(15, 23, 42, .08);
  display: block;
}

/* floating stats card at bottom-left of image */
._floatingCard_14uaj_143 {
  position: absolute;
  left: 24px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
}

._iconBadge_14uaj_157 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--blue-100);
  border: 1px solid var(--blue-200);
  color: var(--blue);
  font-size: 18px;
}

._fcText_14uaj_169 {
  line-height: 1.1;
}

._fcTitle_14uaj_173 {
  font-weight: 900;
  color: #0f172a;
  font-size: 14px;
}

._fcSub_14uaj_179 {
  color: #6b7280;
  font-weight: 800;
  font-size: 12px;
}

/* Responsive */
@media (max-width: 980px) {
  ._grid_14uaj_26 {
    grid-template-columns: 1fr;
  }

  ._right_14uaj_127 {
    justify-self: start;
  }

  ._heroImg_14uaj_132 {
    width: 100%;
  }
}:root {
    --blue: #2147a4;
    --ink: #0b1424;
    --muted: #5f7390;
    --bd: #e9eef8;
    --green: #16a34a;
    --green-100: #e9f9ef;
    --green-200: #cfeedd;
    --gold: #f5c659;
}

/* soft page background like the reference */
._section_17xqd_13 {
    background:
        radial-gradient(800px 300px at 70% 90%, #f4f9ff 0%, transparent 60%),
        linear-gradient(180deg, #f7fbff, #ffffff);
    padding: 18px 0 12px;
    margin: 4rem auto;
}

._max_17xqd_21 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

._grid_17xqd_27 {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
    gap: 28px;
}

/* left column */
._badge_17xqd_35 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--green-100);
    border: 1px solid var(--green-200);
    color: var(--green);
    font-weight: 800;
    font-size: 13px;
    /* smaller fonts as requested */
    margin-bottom: 12px;
}

._title_17xqd_50 {
    margin: 0 0 10px;
    font-weight: 900;
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1.05;
    font-size: clamp(28px, 4.6vw, 42px);
}

._lead_17xqd_59 {
    max-width: 640px;
    color: var(--muted);
    font-weight: 800;
    line-height: 1.6;
    font-size: 14.5px;
    margin: 8px 0 0;
}

/* buttons */
._actions_17xqd_69 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

._btnIcon_17xqd_76 {
    margin-right: 8px;
    transform: translateY(1px);
}

._primary_17xqd_81,
._ghost_17xqd_82 {
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    font-weight: 900;
    font-size: 14px;
    cursor: pointer;
}

._primary_17xqd_81 {
    background: var(--gold);
    color: #1f2a44;
    border: 0;
    box-shadow: 0 12px 28px rgba(245, 198, 89, .28);
}

._ghost_17xqd_82 {
    background: #fff;
    color: var(--blue);
    border: 2px solid #d9e6ff;
}

/* right column image */
._right_17xqd_107 {
    position: relative;
}

._photo_17xqd_111 {
    width: min(620px, 100%);
    height: auto;
    display: block;
    border-radius: 24px;
    box-shadow:
        0 32px 80px rgba(15, 23, 42, .10),
        0 20px 40px rgba(15, 23, 42, .06);
    -o-object-fit: cover;
       object-fit: cover;
}

/* responsive */
@media (max-width: 980px) {
    ._grid_17xqd_27 {
        grid-template-columns: 1fr;
    }

    ._right_17xqd_107 {
        order: 2;
    }

    ._left_17xqd_132 {
        order: 1;
    }
}:root {
    --blue: #2147a4;
    --ink: #0b1424;
    --muted: #6b7280;

    --bd: #e9eef8;

    --t-blue: #3b82f6;
    --t-blue-100: #eef3ff;
    --t-blue-200: #d9e6ff;
    --t-green: #16a34a;
    --t-green-100: #e9f9ef;
    --t-green-200: #cfeedd;
    --t-purple: #7c3aed;
    --t-purple-100: #f3e8ff;
    --t-purple-200: #eadbff;
    --t-orange: #f59e0b;
    --t-orange-100: #fff4e5;
    --t-orange-200: #ffe4c7;
}

._section_1mvn7_22 {
    padding: 18px 0 24px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    margin: 4rem auto;
}

._max_1mvn7_28 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

/* Badge */
._badge_1mvn7_36 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f3f7ff;
    border: 1px solid #d9e6ff;
    color: var(--blue);
    font-weight: 800;
    font-size: 13px;
    /* small */
    margin-bottom: 10px;
}

/* Heading */
._title_1mvn7_52 {
    margin: 4px 0 8px;
    font-weight: 900;
    letter-spacing: -.02em;
    font-size: clamp(26px, 4.2vw, 40px);
    /* compact */
}

._black_1mvn7_60 {
    color: var(--ink);
}

._blue_1mvn7_64 {
    color: var(--blue);
}

._gold_1mvn7_68 {
    background: linear-gradient(180deg, #ffd98a, #f3b928);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

._subtitle_1mvn7_75 {
    max-width: 820px;
    margin: 0 auto 18px;
    color: #7b8aa0;
    font-weight: 700;
    font-size: 14px;
}

/* Grid */
._grid_1mvn7_84 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 8px;
}

/* Card */
._card_1mvn7_92 {
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 16px;
    padding: 22px 18px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}

._iconWrap_1mvn7_100 {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 26px;
    border: 1px solid var(--bd);
}

/* Variants */
._blue_1mvn7_64 {
    border-color: var(--t-blue-200);
}

._blue_1mvn7_64 ._iconWrap_1mvn7_100 {
    background: var(--t-blue-100);
    border-color: var(--t-blue-200);
    color: var(--t-blue);
}

._green_1mvn7_122 {
    border-color: var(--t-green-200);
}

._green_1mvn7_122 ._iconWrap_1mvn7_100 {
    background: var(--t-green-100);
    border-color: var(--t-green-200);
    color: var(--t-green);
}

._purple_1mvn7_132 {
    border-color: var(--t-purple-200);
}

._purple_1mvn7_132 ._iconWrap_1mvn7_100 {
    background: var(--t-purple-100);
    border-color: var(--t-purple-200);
    color: var(--t-purple);
}

._orange_1mvn7_142 {
    border-color: var(--t-orange-200);
}

._orange_1mvn7_142 ._iconWrap_1mvn7_100 {
    background: var(--t-orange-100);
    border-color: var(--t-orange-200);
    color: var(--t-orange);
}

._cardTitle_1mvn7_152 {
    font-weight: 900;
    color: var(--ink);
    font-size: 16px;
    /* small bold */
    margin: 4px 0 8px;
}

._cardText_1mvn7_160 {
    color: var(--muted);
    font-weight: 700;
    line-height: 1.55;
    font-size: 13.5px;
}

/* Responsive */
@media (max-width: 1000px) {
    ._grid_1mvn7_84 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    ._grid_1mvn7_84 {
        grid-template-columns: 1fr;
    }
}:root{
  --blue:#2147a4;
  --ink:#0b1424;
  --muted:#6b7280;
  --bd:#e9eef8;

  --c-blue:#2147a4;
  --c-green:#16a34a;
  --c-purple:#7c3aed;
  --c-orange:#f97316;
}

._section_b8bmm_13{
  padding: 18px 0 22px;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
  margin: 4rem auto;
}

._max_b8bmm_19{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* badge */
._badge_b8bmm_27{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#e9f9ef;
  border:1px solid #cfeedd;
  color:#149a4a;
  font-weight:800;
  font-size:13px;
  margin-bottom:10px;
}

/* heading + subtitle (smaller fonts) */
._title_b8bmm_42{
  margin: 4px 0 6px;
  font-weight: 900;
  letter-spacing:-.02em;
  font-size: clamp(26px,4vw,40px);
  color: var(--ink);
}
._subtitle_b8bmm_49{
  color:#7b8aa0;
  font-weight:700;
  font-size:14px;
  margin: 0 auto 16px;
  max-width: 860px;
}

/* stat cards */
._grid_b8bmm_58{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:22px;
  margin-top: 6px;
}
._card_b8bmm_64{
  background:#fff;
  border:1px solid var(--bd);
  border-radius:16px;
  padding:22px 16px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
._value_b8bmm_71{
  font-weight: 900;
  font-size: clamp(22px,3vw,32px);
  line-height:1;
  margin-bottom: 10px;
}
._label_b8bmm_77{
  color:#7b8aa0;
  font-weight:700;
  font-size:14px;
}

/* colors for values */
._blue_b8bmm_84{ color: var(--c-blue); }
._green_b8bmm_85{ color: var(--c-green); }
._purple_b8bmm_86{ color: var(--c-purple); }
._orange_b8bmm_87{ color: var(--c-orange); }

/* responsive */
@media (max-width: 1000px){
  ._grid_b8bmm_58{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px){
  ._grid_b8bmm_58{ grid-template-columns: 1fr; }
}
:root{
  --ink:#0b1424;
  --muted:#6b7280;
  --bd:#e9eef8;

  --b:#2147a4;     --b-100:#eef3ff;    --b-200:#d9e6ff;
  --g:#16a34a;     --g-100:#e9f9ef;    --g-200:#cfeedd;
  --p:#7c3aed;     --p-100:#f3e8ff;    --p-200:#eadbff;
}

/* Section shell */
._section_12qt8_12{
  padding: 18px 0 26px;
  background: linear-gradient(180deg,#f9fbff,#ffffff);
  margin: 4rem auto;
}
._max_12qt8_17{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 22px;
  text-align: center;
}

/* Badge */
._badge_12qt8_25{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #d9e6ff;
  color: var(--b);
  font-weight:800;
  font-size:13px; /* small */
  margin-bottom:10px;
}

/* Title + subtitle (compact) */
._title_12qt8_40{
  margin: 4px 0 6px;
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -.02em;
  font-size: clamp(26px,4.2vw,40px);
}
._subtitle_12qt8_47{
  color:#7b8aa0;
  font-weight:700;
  font-size:14px;
  margin: 0 auto 18px;
  max-width: 820px;
}

/* Grid */
._grid_12qt8_56{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap: 22px;
  margin-top: 8px;
}

/* Card */
._card_12qt8_64{
  background:#fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(15,23,42,.06);
  padding: 24px 18px 22px;
}

/* Icon circle */
._iconCircle_12qt8_73{
  width: 92px; height: 92px;
  margin: 0 auto 12px;
  border-radius: 999px;
  display: grid; place-items: center;
  font-size: 30px;
  border: 2px solid;
  background: #fff;
}
._blue_12qt8_82{   color: var(--b); border-color: var(--b-200); box-shadow: inset 0 0 0 10px var(--b-100); }
._green_12qt8_83{  color: var(--g); border-color: var(--g-200); box-shadow: inset 0 0 0 10px var(--g-100); }
._purple_12qt8_84{ color: var(--p); border-color: var(--p-200); box-shadow: inset 0 0 0 10px var(--p-100); }

._name_12qt8_86{
  font-weight: 900;
  color: var(--ink);
  font-size: 18px;
  margin: 6px 0 2px;
}

/* role with tone color */
._role_12qt8_94{
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 12px;
}
._blueText_12qt8_99{ color: var(--b); }
._greenText_12qt8_100{ color: var(--g); }
._purpleText_12qt8_101{ color: var(--p); }

/* bio */
._bio_12qt8_104{
  color: var(--muted);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  max-width: 520px;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 980px){
  ._grid_12qt8_56{ grid-template-columns: 1fr; }
}
:root {
  --blue: #2147a4;
  --ink: #0b1424;
  --muted: #6b7280;
  --bd: #e9eef8;

  --y-100: #fff7e5;
  --y-200: #ffe9bf;
  --y: #f59e0b;
  --b-100: #eef3ff;
  --b-200: #d9e6ff;
  --b: #3b82f6;
  --g-100: #e9f9ef;
  --g-200: #cfeedd;
  --g: #16a34a;
  --p-100: #f3e8ff;
  --p-200: #eadbff;
  --p: #7c3aed;
}

._section_1iqmw_21 {
  padding: 18px 0 12px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  margin: 4rem auto;
}

._max_1iqmw_27 {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* badge */
._badge_1iqmw_35 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff6e9;
  border: 1px solid #ffe6bf;
  color: #b37a00;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 10px;
}

/* heading + subtitle (compact) */
._title_1iqmw_50 {
  margin: 4px 0 6px;
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -.02em;
  font-size: clamp(26px, 4.2vw, 40px);
}

._subtitle_1iqmw_58 {
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px;
  margin: 0 auto 16px;
  max-width: 820px;
}

/* award cards */
._grid_1iqmw_67 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 8px;
}

._card_1iqmw_74 {
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 22px 16px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}

._icon_1iqmw_82 {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin: 0 auto 10px;
  font-size: 22px;
  border: 1px solid var(--bd);
}

._cardTitle_1iqmw_93 {
  font-weight: 900;
  color: var(--ink);
  font-size: 15.5px;
  margin-bottom: 6px;
}

._cardSub_1iqmw_100 {
  color: #7b8aa0;
  font-weight: 700;
  font-size: 13px;
}

/* tones */
._yellow_1iqmw_107 {
  border-color: var(--y-200);
}

._yellow_1iqmw_107 ._icon_1iqmw_82 {
  background: var(--y-100);
  border-color: var(--y-200);
  color: var(--y);
}

._blue_1iqmw_117 {
  border-color: var(--b-200);
}

._blue_1iqmw_117 ._icon_1iqmw_82 {
  background: var(--b-100);
  border-color: var(--b-200);
  color: var(--b);
}

._green_1iqmw_127 {
  border-color: var(--g-200);
}

._green_1iqmw_127 ._icon_1iqmw_82 {
  background: var(--g-100);
  border-color: var(--g-200);
  color: var(--g);
}

._purple_1iqmw_137 {
  border-color: var(--p-200);
}

._purple_1iqmw_137 ._icon_1iqmw_82 {
  background: var(--p-100);
  border-color: var(--p-200);
  color: var(--p);
}

/* banner */
._bannerWrap_1iqmw_148 {
  margin-top: 6rem;
  padding: 0 24px;
}

._banner_1iqmw_148 {
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 26px;
  padding: 46px 18px 24px;
  color: #fff;
  text-align: center;
  background: linear-gradient(100deg, #2147a4 0%, #6f7683 52%, #f5c659 100%);
  box-shadow: 0 28px 80px rgba(33, 71, 164, .18), 0 18px 60px rgba(245, 198, 89, .16);
}

._bannerChip_1iqmw_164 {
  width: 68px;
  height: 68px;
  margin: 0 auto 10px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .32);
  font-size: 26px;
  color: #fff;
}

._bannerTitle_1iqmw_177 {
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: clamp(22px, 3.2vw, 28px);
  margin: 6px 0 6px;
}

._bannerText_1iqmw_184 {
  max-width: 860px;
  margin: 0 auto 16px;
  color: rgba(255, 255, 255, .95);
  font-weight: 800;
  font-size: 14px;
  line-height: 1.55;
}

._actions_1iqmw_193 {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

._btnIcon_1iqmw_200 {
  margin-right: 8px;
  transform: translateY(1px);
}

/* buttons */
._primary_1iqmw_206 {
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: var(--blue);
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(16, 24, 40, .22);
}

._ghost_1iqmw_220 {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 12px;
  padding: 8px 16px;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

/* responsive */
@media (max-width: 1000px) {
  ._grid_1iqmw_67 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  ._grid_1iqmw_67 {
    grid-template-columns: 1fr;
  }

  ._banner_1iqmw_148 {
    padding: 40px 14px 22px;
  }
}    :root {
        --blue: #2147a4;
        --blue-100: #eef3ff;
        --blue-200: #d9e6ff;
        --ink: #0b1424;
        --muted: #5f6f86;
        --bd: #e9eef8;
        --gold: #f5c659;
        --green: #16a34a;
    }

    /* soft background like the screenshot */
    ._section_ds29m_13 {
        background:
            radial-gradient(900px 380px at 18% 82%, #fff4d8 0%, rgba(255, 244, 216, 0.4) 35%, transparent 60%),
            linear-gradient(180deg, #f7fbff 0%, #ffffff 40%, #ffffff 100%);
        padding: 18px 0 16px;
        margin: 4rem auto;
    }

    ._max_ds29m_21 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
    }

    ._grid_ds29m_27 {
        display: grid;
        grid-template-columns: 1.02fr 1fr;
        align-items: center;
        gap: 32px;
    }

    /* LEFT */
    ._badge_ds29m_35 {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 999px;
        background: #f3f7ff;
        border: 1px solid var(--blue-200);
        color: var(--blue);
        font-weight: 800;
        font-size: 13px;
        margin-bottom: 10px;
    }

    ._title_ds29m_49 {
        display: flex;
        flex-direction: column;
        gap: 4px;
        line-height: 1.06;
        margin: 0 0 10px;
    }

    ._black_ds29m_57 {
        color: var(--ink);
        font-weight: 900;
        letter-spacing: -.02em;
        font-size: clamp(26px, 4.6vw, 40px);
    }

    ._blue_ds29m_64 {
        color: var(--blue);
        font-weight: 900;
        letter-spacing: -.02em;
        font-size: clamp(26px, 4.4vw, 38px);
    }

    ._gold_ds29m_71 {
        font-weight: 900;
        letter-spacing: -.02em;
        font-size: clamp(26px, 4.4vw, 38px);
        background: linear-gradient(180deg, #ffd98a, #f3b928);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    ._subtitle_ds29m_81 {
        max-width: 620px;
        color: var(--muted);
        font-weight: 800;
        font-size: 14.5px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    ._actions_ds29m_90 {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    ._btnIcon_ds29m_96 {
        margin-right: 8px;
        transform: translateY(1px);
    }

    ._primary_ds29m_101,
    ._ghost_ds29m_102 {
        display: inline-flex;
        align-items: center;
        height: 42px;
        padding: 0 16px;
        border-radius: 12px;
        font-weight: 900;
        font-size: 14px;
        cursor: pointer;
    }

    ._primary_ds29m_101 {
        background: var(--blue);
        color: #fff;
        border: 0;
        box-shadow: 0 12px 28px rgba(33, 71, 164, .20);
    }

    ._ghost_ds29m_102 {
        background: #fff;
        color: var(--blue);
        border: 2px solid var(--blue-200);
    }

    /* RIGHT image + floating card */
    ._right_ds29m_127 {
        position: relative;
    }

    ._photo_ds29m_131 {
        width: min(640px, 100%);
        display: block;
        height: auto;
        border-radius: 26px;
        box-shadow: 0 30px 80px rgba(15, 23, 42, .14), 0 18px 40px rgba(15, 23, 42, .08);
        -o-object-fit: cover;
           object-fit: cover;
    }

    ._statusCard_ds29m_140 {
        position: absolute;
        left: 18px;
        bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
    }

    ._dotWrap_ds29m_154 {
        width: 36px;
        height: 36px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        background: #eaf9f0;
        border: 1px solid #cceedd;
        color: var(--green);
    }

    ._scText_ds29m_165 {
        line-height: 1.05;
    }

    ._scTitle_ds29m_169 {
        font-weight: 900;
        font-size: 14px;
        color: #0f172a;
    }

    ._scSub_ds29m_175 {
        font-weight: 800;
        font-size: 12.5px;
        color: #6b7280;
    }

    /* responsive */
    @media (max-width: 980px) {
        ._grid_ds29m_27 {
            grid-template-columns: 1fr;
        }

        ._right_ds29m_127 {
            order: 2;
        }

        ._left_ds29m_191 {
            order: 1;
        }
    }    :root {
        --ink: #0b1424;
        --muted: #667085;
        --bd: #e9eef8;
        --blue: #2147a4;

        --t-blue: #3b82f6;
        --t-blue-100: #eef3ff;
        --t-blue-200: #d9e6ff;
        --t-green: #16a34a;
        --t-green-100: #e9f9ef;
        --t-green-200: #cfeedd;
        --t-purple: #7c3aed;
        --t-purple-100: #f3e8ff;
        --t-purple-200: #eadbff;
        --t-orange: #f59e0b;
        --t-orange-100: #fff4e5;
        --t-orange-200: #ffe4c7;
    }

    /* shell */
    ._section_8srq7_22 {
        padding: 16px 0 22px;
        background: linear-gradient(180deg, #ffffff, #fbfdff);
        margin: 4rem auto;
    }

    ._max_8srq7_28 {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 24px;
        text-align: center;
    }

    /* badge */
    ._badge_8srq7_36 {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 999px;
        background: #e9f9ef;
        border: 1px solid #cfeedd;
        color: #149a4a;
        font-weight: 800;
        font-size: 13px;
        margin-bottom: 10px;
    }

    /* heading */
    ._title_8srq7_51 {
        margin: 4px 0 6px;
        font-weight: 900;
        letter-spacing: -.02em;
        font-size: clamp(24px, 4.2vw, 36px);
    }

    ._black_8srq7_58 {
        color: var(--ink);
    }

    ._blue_8srq7_62 {
        color: var(--blue);
    }

    ._gold_8srq7_66 {
        background: linear-gradient(180deg, #ffd98a, #f3b928);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    /* subtitle */
    ._subtitle_8srq7_74 {
        color: #7b8aa0;
        font-weight: 700;
        font-size: 14px;
        margin: 0 auto 16px;
        max-width: 820px;
    }

    /* grid */
    ._grid_8srq7_83 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-top: 8px;
    }

    /* card */
    ._card_8srq7_91 {
        background: #fff;
        border: 1px solid var(--bd);
        border-radius: 16px;
        padding: 22px 16px 16px;
        box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
    }

    ._featured_8srq7_99 {
        border-color: var(--t-green-200) !important;
    }

    /* icon chip */
    ._iconWrap_8srq7_104 {
        width: 64px;
        height: 64px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        margin: 0 auto 12px;
        font-size: 26px;
        border: 1px solid var(--bd);
    }

    /* tones */
    ._blueTone_8srq7_116 ._iconWrap_8srq7_104 {
        background: var(--t-blue-100);
        border-color: var(--t-blue-200);
        color: var(--t-blue);
    }

    ._greenTone_8srq7_122 ._iconWrap_8srq7_104 {
        background: var(--t-green-100);
        border-color: var(--t-green-200);
        color: var(--t-green);
    }

    ._purpleTone_8srq7_128 ._iconWrap_8srq7_104 {
        background: var(--t-purple-100);
        border-color: var(--t-purple-200);
        color: var(--t-purple);
    }

    ._orangeTone_8srq7_134 ._iconWrap_8srq7_104 {
        background: var(--t-orange-100);
        border-color: var(--t-orange-200);
        color: var(--t-orange);
    }

    ._cardTitle_8srq7_140 {
        font-weight: 900;
        color: var(--ink);
        font-size: 16px;
        margin-bottom: 6px;
    }

    ._cardText_8srq7_147 {
        color: var(--muted);
        font-weight: 700;
        font-size: 13.5px;
        line-height: 1.55;
        min-height: 42px;
    }

    /* buttons */
    ._btn_8srq7_156 {
        height: 38px;
        padding: 0 16px;
        border-radius: 10px;
        border: 2px solid;
        background: #fff;
        font-weight: 900;
        font-size: 14px;
        cursor: pointer;
        margin-top: 10px;
    }

    ._btnBlue_8srq7_168 {
        color: var(--blue);
        border-color: var(--t-blue-200);
    }

    ._btnGreen_8srq7_173 {
        color: var(--t-green);
        border-color: var(--t-green-200);
    }

    ._btnOrange_8srq7_178 {
        color: var(--t-orange);
        border-color: var(--t-orange-200);
    }

    /* responsive */
    @media (max-width: 1000px) {
        ._grid_8srq7_83 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 560px) {
        ._grid_8srq7_83 {
            grid-template-columns: 1fr;
        }
    }:root{
  --ink:#0b1424;
  --muted:#667085;
  --bd:#e9eef8;

  --blue:#2147a4;
  --blue-100:#eef3ff;
  --blue-200:#d9e6ff;

  --purple:#7c3aed;
  --purple-100:#f3e8ff;
  --purple-200:#eadbff;
}

/* container */
._section_8lavk_16{
  padding: 18px 0 22px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  margin: 4rem auto;
}
._max_8lavk_21{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* badge */
._badge_8lavk_29{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: var(--purple-100);
  border:1px solid var(--purple-200);
  color: var(--purple);
  font-weight: 800;
  font-size: 13px; /* small as requested */
  margin-bottom: 10px;
}

/* title + subtitle */
._title_8lavk_44{
  margin: 4px 0 6px;
  font-weight: 900;
  font-size: clamp(26px, 4.2vw, 40px);
  letter-spacing: -.02em;
  color: var(--ink);
}
._subtitle_8lavk_51{
  color:#7b8aa0;
  font-weight:700;
  font-size:14px;
  margin: 0 auto 18px;
  max-width: 760px;
}

/* grid of cards */
._grid_8lavk_60{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 6px;
}

/* card */
._card_8lavk_68{
  text-align: left;
  background:#fff;
  border:1px solid var(--bd);
  border-radius: 14px;
  padding: 18px 18px 16px;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}

/* icon chip */
._icon_8lavk_78{
  width: 40px; height: 40px;
  border-radius: 10px;
  display:grid; place-items:center;
  background: var(--blue-100);
  border:1px solid var(--blue-200);
  color: var(--blue);
  font-size: 18px;
  margin-bottom: 10px;
}

/* text */
._question_8lavk_90{
  font-weight: 900;
  color: var(--ink);
  font-size: 16px;
  margin: 2px 0 8px;
}
._answer_8lavk_96{
  color: var(--muted);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
}

/* responsive */
@media (max-width: 900px){
  ._grid_8lavk_60{ grid-template-columns: 1fr; }
}
:root{
  --blue:#2147a4;
  --ink:#0b1424;
  --bd:#e9eef8;
}

/* outer padding to breathe */
._wrap_1c39d_8{
  padding: 6px 16px 10px;
  margin: 4rem auto;
}

/* gradient card */
._banner_1c39d_14{
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 26px;
  padding: 42px 18px 26px;
  text-align: center;
  color: #fff;
  background: linear-gradient(100deg, #2147a4 0%, #6f7683 52%, #f5c659 100%);
  box-shadow:
    0 28px 90px rgba(33,71,164,.15),
    0 20px 60px rgba(245,198,89,.18);
}

/* round icon chip */
._iconChip_1c39d_28{
  width: 64px; height: 64px;
  margin: 0 auto 10px;
  display: grid; place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.34);
  color: #fff;
  font-size: 26px;
}

/* text (compact) */
._title_1c39d_40{
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: clamp(18px,2.3vw,22px);
  margin: 4px 0 8px;
}
._subtitle_1c39d_46{
  max-width: 880px;
  margin: 0 auto 16px;
  color: rgba(255,255,255,.95);
  font-weight: 800;
  font-size: 14px;
  line-height: 1.55;
}

/* buttons */
._actions_1c39d_56{
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
._btnIcon_1c39d_62{ margin-right: 8px; transform: translateY(1px); }

._primary_1c39d_64, ._ghost_1c39d_64{
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
}
._primary_1c39d_64{
  color: var(--blue);
  border: 1px solid var(--bd);
  box-shadow: 0 10px 26px rgba(16,24,40,.18);
}
._ghost_1c39d_64{
  color: #2b3548;
  border: 1px solid var(--bd);
  box-shadow: 0 10px 26px rgba(16,24,40,.14);
}

@media (max-width: 560px){
  ._banner_1c39d_14{ padding: 38px 14px 24px; }
}
:root {
    --ink: #0b1424;
    --muted: #667085;
    --bd: #e9eef8;
    --blue: #2147a4;

    --b-100: #eef3ff;
    --b-200: #d9e6ff;
    --g-100: #e9f9ef;
    --g-200: #cfeedd;
    --g: #16a34a;
    --p-100: #f3e8ff;
    --p-200: #eadbff;
    --p: #7c3aed;
    --o-100: #fff4e5;
    --o-200: #ffe4c7;
    --o: #f59e0b;
}

/* page shell */
._section_19m9l_21 {
    padding: 10px 0 24px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    margin: 4rem auto;
}

._max_19m9l_27 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

/* two-column layout */
._grid_19m9l_34 {
    display: grid;
    grid-template-columns: 1.02fr 1fr;
    gap: 26px;
}

/* form card */
._formCard_19m9l_41 {
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .06);
    padding: 18px 16px 16px;
}

._formTitle_19m9l_49 {
    font-weight: 900;
    color: var(--ink);
    font-size: 18px;
    margin: 2px 0 10px;
}

._form_19m9l_41 {
    margin-top: 4px;
}

._row2_19m9l_60 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

._field_19m9l_66 {
    margin-bottom: 12px;
}

._label_19m9l_70 {
    display: block;
    font-weight: 800;
    font-size: 12.5px;
    color: #5f6f86;
    margin-bottom: 6px;
}

._inputWrap_19m9l_78 {
    position: relative;
}

._input_19m9l_78 {
    width: 100%;
    height: 42px;
    border-radius: 10px;
    border: 1px solid var(--bd);
    background: #f9fbff;
    outline: none;
    padding: 0 40px 0 12px;
    color: #1f2937;
    font-weight: 600;
    font-size: 12px;
}

._input_19m9l_78:focus {
    border-color: var(--b-200);
    box-shadow: 0 0 0 3px #e7efff;
    background: #fff;
}

._textarea_19m9l_101 {
    height: auto;
    resize: vertical;
    padding: 10px 12px;
    line-height: 1.55;
}

._trailingIcon_19m9l_108 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--b-100);
    color: var(--blue);
    border: 1px solid var(--b-200);
    font-size: 14px;
}

._submit_19m9l_124 {
    width: 260px;
    max-width: 100%;
    height: 40px;
    border-radius: 10px;
    background: var(--blue);
    color: #fff;
    border: none;
    font-weight: 900;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    box-shadow: 0 12px 28px rgba(33, 71, 164, .20);
    cursor: pointer;
}

._btnIcon_19m9l_143 {
    transform: translateY(1px);
}

/* right column */
._infoCol_19m9l_148 {}

._infoTitle_19m9l_150 {
    font-weight: 900;
    color: var(--ink);
    font-size: 18px;
    margin: 0 0 8px;
}

._infoIntro_19m9l_157 {
    color: #718197;
    font-weight: 700;
    font-size: 13px;
    margin: 0 0 14px;
    line-height: 1.6;
}

._infoCard_19m9l_165 {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 16px;
    padding: 16px 14px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .06);
    margin-bottom: 14px;
}

._iconChip_19m9l_177 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 22px;
    border: 1px solid var(--bd);
}

._blue_19m9l_187 {
    background: var(--b-100);
    border-color: var(--b-200);
    color: var(--blue);
}

._green_19m9l_193 {
    background: var(--g-100);
    border-color: var(--g-200);
    color: var(--g);
}

._purple_19m9l_199 {
    background: var(--p-100);
    border-color: var(--p-200);
    color: var(--p);
}

._orange_19m9l_205 {
    background: var(--o-100);
    border-color: var(--o-200);
    color: var(--o);
}

._cardHeading_19m9l_211 {
    font-weight: 900;
    color: var(--ink);
    font-size: 15px;
    margin-bottom: 4px;
}

._cardText_19m9l_218 {
    color: #475569;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
}

._cardMeta_19m9l_225 {
    color: #6b7280;
    font-weight: 800;
    font-size: 12.5px;
    margin-top: 4px;
}

/* responsive */
@media (max-width: 980px) {
    ._grid_19m9l_34 {
        grid-template-columns: 1fr;
    }
}/* Page background with soft top-corner gradients */
._page_18izq_2 {
  min-height: 100%;
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(28, 68, 156, 0.08), transparent 60%),
    radial-gradient(900px 400px at 0% 80%, rgba(255, 204, 128, 0.18), transparent 55%),
    #f8fafc;
}

/* ===== Hero ===== */
._hero_18izq_11 {
  max-width: 1050px;
  margin: 0 auto;
  padding: 56px 20px 24px;
  text-align: center;
}

/* top pill */
._pill_18izq_19 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid #e6e9f2;
  border-radius: 999px;
  background: #f4f7ff;
  color: #1c449c;
  font-weight: 600;
  margin-bottom: 28px;
  box-shadow: 0 2px 8px rgba(28, 68, 156, 0.08);
}

/* Heading */
._title_18izq_34 {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,
    Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-size: clamp(28px, 5vw, 48px);
  color: #0f172a;
}

._titleLine_18izq_45 {
  display: block;
  margin-bottom: 6px;
}

._titleEmphasisBlue_18izq_50 {
  display: block;
  color: #1c449c;            /* primary blue */
}

._titleEmphasisGold_18izq_55 {
  display: block;
  color: #ffcc66;            /* golden accent */
}

/* Subtitle paragraph */
._subtitle_18izq_61 {
  max-width: 950px;
  margin: 18px auto 28px;
  font-size: 18px;
  line-height: 1.6;
  color: #475569;            /* slate-600 */
}

/* CTAs */
._ctaRow_18izq_70 {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

._button_18izq_78 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid transparent;
  transition: transform 0.06s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
  box-shadow: 0 8px 16px rgba(28, 68, 156, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._button_18izq_78:active { transform: translateY(1px); }

/* primary button */
._primary_18izq_95 {
  background: #1c449c;
  color: #ffffff;
  border-color: rgba(28, 68, 156, 0.2);
}
._primary_18izq_95:hover { background: #16367a; }

/* secondary (gold) */
._secondary_18izq_103 {
  background: #f1c56b;
  color: #262626;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 16px rgba(241, 197, 107, 0.32);
}
._secondary_18izq_103:hover { background: #e7b959; }

/* ===== Stats ===== */
._statsWrap_18izq_112 {
  max-width: 1200px;
  margin: 42px auto 80px;
  padding: 0 20px;
}

._statsCard_18izq_118 {
  background:
    radial-gradient(1200px 600px at 10% 120%, rgba(255, 204, 128, 0.15), transparent 60%),
    radial-gradient(1200px 600px at 100% -10%, rgba(28, 68, 156, 0.10), transparent 60%),
    #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 28px;
  padding: 36px 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06);
}

._stat_18izq_112 {
  text-align: center;
  padding: 10px 8px;
}

._statNumber_18izq_137 {
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.1;
}

._statBlue_18izq_144 { color: #1c449c; }
._statGreen_18izq_145 { color: #16a34a; }   /* green accent */
._statPurple_18izq_146 { color: #7c3aed; }  /* purple accent */

._statLabel_18izq_148 {
  margin-top: 6px;
  color: #6b7280;   /* gray-500/600 */
  font-size: 14px;
}

/* Responsive */
@media (max-width: 900px) {
  ._ctaRow_18izq_70 { flex-direction: column; }
  ._statsCard_18izq_118 { grid-template-columns: 1fr; row-gap: 18px; }
}
    ._page_2gzx6_1 {
  --blue: #0b3a82;
  --blue-2: #1459cf;
  --ink: #0f172a;
  --muted: #6b7280;
  --ring: rgba(20, 89, 207, .25);

  position: relative;
  width: 100%;
  overflow-x: hidden;
  padding: 32px 16px 64px;
  text-align: center;

  /* soft radial background like the mock */
  background:
    radial-gradient(800px 400px at 25% 75%, #fff7e0 0%, rgba(255,247,224,0) 60%),
    radial-gradient(900px 520px at 85% 40%, #e9f3ff 0%, rgba(233,243,255,0) 60%),
    linear-gradient(#f9fbff, #f7fcf8);
}

/* top back row */
._topRow_2gzx6_22 {
  max-width: 1100px;
  margin: 0 auto 10px;
  text-align: left;
}

._backBtn_2gzx6_28 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 2px;
  background: transparent;
  border: 0;
  color: #667085;
  cursor: pointer;
  font-size: 15px;
}

._backBtn_2gzx6_28 svg { font-size: 18px; }

/* pill badge */
._badge_2gzx6_43 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  margin-top: 10px;
  border-radius: 999px;
  background: #f3f6ff;
  border: 1px solid #e3e9ff;
  color: #203a74;
  font-weight: 600;
}

._badgeIcon_2gzx6_56 { font-size: 18px; }

/* title */
._title_2gzx6_59 {
  margin: 18px 0 8px;
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 800;
  color: var(--ink);
}

._subject_2gzx6_66 { color: var(--ink); }

._tutors_2gzx6_68 {
  background: linear-gradient(90deg, var(--blue), #f2c55c);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* lead */
._lead_2gzx6_76 {
  max-width: 880px;
  margin: 0 auto 10px;
  color: #3f4757;
  font-weight: 600;
}

/* meta line */
._meta_2gzx6_84 {
  color: var(--muted);
  margin-bottom: 26px;
}

._dot_2gzx6_89 {
  padding: 0 10px;
  font-size: 18px;
  line-height: 0;
  color: #a0a3ab;
}

/* search bar */
._searchBar_2gzx6_97 {
  max-width: 1150px;
  margin: 18px auto 0;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.06);
  padding: 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}

._searchIcon_2gzx6_111 {
  margin-left: 10px;
  color: #8aa0c5;
  font-size: 20px;
}

._searchInput_2gzx6_117 {
  border: 0;
  outline: none;
  font-size: 16px;
  padding: 14px 8px;
  color: #0f172a;
  min-width: 0;
}

._filterBtn_2gzx6_126 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff;
  border: 1.5px solid var(--blue-2);
  color: var(--blue-2);
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}

._filterBtn_2gzx6_126:hover {
  box-shadow: 0 0 0 4px var(--ring);
}
._listContainer_2gzx6_142{
 padding:16px 0 64px;
 margin: 0 auto;
 width:100%;
 max-width: 1300px;
}
/* responsive */
@media (max-width: 640px) {
  ._lead_2gzx6_76, ._meta_2gzx6_84 { padding: 0 8px; }
  ._searchBar_2gzx6_97 {
    grid-template-columns: 1fr auto;
    padding: 8px;
  }
  ._searchIcon_2gzx6_111 { display: none; }
  ._searchInput_2gzx6_117 { padding: 12px 10px; }
}
._wrap_dz8ir_1 {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 22px;
  align-items: start;
}

._leftList_dz8ir_8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._videoPane_dz8ir_14 {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 32px rgba(16, 24, 40, 0.08);
  padding: 22px;
  min-height: 320px;
  display: grid;
  place-items: center;
}

._video_dz8ir_14 {
  width: 100%;
  height: 100%;
  max-height: 520px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

._placeholder_dz8ir_32 {
  text-align: center;
  color: #1f2a44;
}

._phIcon_dz8ir_37 {
  display: inline-grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border-radius: 16px;
  background: #eef3ff;
  color: #173c8a;
  margin-bottom: 12px;
}

._placeholder_dz8ir_32 h4 {
  margin: 8px 0 4px;
  font-size: 1.05rem;
}

._placeholder_dz8ir_32 p {
  color: #6b7280;
  font-weight: 600;
}

._previewClickArea_dz8ir_58 {
  position: relative;
  cursor: pointer;
}

._previewOverlay_dz8ir_63 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  opacity: 0;
  transition: opacity .2s;
  font-weight: 600;
  letter-spacing: .2px;
}

._previewClickArea_dz8ir_58:hover ._previewOverlay_dz8ir_63 {
  opacity: 1;
}

._modalBackdrop_dz8ir_81 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

._modalBody_dz8ir_91 {
  width: min(900px, 92vw);
  aspect-ratio: 16 / 9;
  background: #000;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

._modalClose_dz8ir_100 {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  border: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  font-size: 22px;
  cursor: pointer;
}

._modalVideo_dz8ir_115 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
}

@media (max-width: 1100px) {
  ._wrap_dz8ir_1 {
    grid-template-columns: 1fr;
  }

  ._videoPane_dz8ir_14 {
    order: 2;
  }
}._card_n9042_1 {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 18px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
  padding: 18px 20px;
  align-items: center;
}

._leftCol_n9042_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

._avatarWrap_n9042_19 {
  position: relative;
  width: 86px;
  height: 86px;
}

._avatar_n9042_19 {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

._onlineDot_n9042_32 {
  position: absolute;
  right: 4px;
  bottom: 6px;
  width: 12px;
  height: 12px;
  background: #22c55e;
  border: 2px solid #fff;
  border-radius: 999px;
}

._favBtn_n9042_43 {
  width: 40px;
  height: 40px;
  border: 1px solid #eef0f4;
  background: #fff;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #8a93a6;
  cursor: pointer;
}
._favBtn_n9042_43:hover { color: #be2a92; }
._favActive_n9042_55 { color: #be2a92; }

._centerCol_n9042_57 { display: flex; flex-direction: column; gap: 10px; }

._nameRow_n9042_59 { display: flex; align-items: center; gap: 8px; }
._name_n9042_59 {
  margin: 0;
  font-weight: 800;
  font-size: 1.15rem;
  color: #111827;
}
._verified_n9042_66 { color: #3b82f6; }

._metaRow_n9042_68 { display: flex; gap: 14px; flex-wrap: wrap; }
._metaPill_n9042_69 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f7f8fb;
  color: #334155;
  font-weight: 500;
  font-size: 0.9rem;
}
._star_n9042_80 { color: #f59e0b; }
._reviews_n9042_81 { color: #6b7280; font-weight: 600; }

._bio_n9042_83 {
  margin: 0;
  color: #4b5563;
  line-height: 1.6;
}

._tags_n9042_89 { display: flex; flex-wrap: wrap; gap: 8px; }
._tag_n9042_89 {
  background: #f2f7ff;
  border: 1px solid #e6efff;
  color: #274c9a;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 0.85rem;
}
._more_n9042_99 { color: #6b7280; font-weight: 600; }

._stats_n9042_101 {
  display: flex;
  gap: 18px;
  color: #64748b;
  font-weight: 600;
}
._available_n9042_107 { color: #22c55e; }

._rightCol_n9042_109 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

._price_n9042_116 { text-align: right; }
._amount_n9042_117 {
  color: #113c8a;
  font-weight: 800;
  font-size: 1.4rem;
}
._per_n9042_122 { color: #6b7280; font-weight: 600; }

._bookBtn_n9042_124 {
  background: #123b89;
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 12px 16px;
  cursor: pointer;
}
._bookBtn_n9042_124:hover { background: #0f2e6a; }

._chatRow_n9042_135 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #153c8a;
  background: #eef3ff;
  border: 1px solid #dfe8ff;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 700;
}
._free_n9042_146 { font-weight: 700; }

@media (max-width: 960px) {
  ._card_n9042_1 {
    grid-template-columns: 90px 1fr;
  }
  ._rightCol_n9042_109 { grid-column: 1 / -1; align-items: flex-start; }
  ._price_n9042_116 { text-align: left; }
}
._page_1kx9o_1 {
  min-height: 100vh;
  background: #f8f9fa;
}

._hero_1kx9o_11 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 120px 20px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

._hero_1kx9o_11::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

._heroContent_1kx9o_47 {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

._pill_1kx9o_61 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px;
}

._title_1kx9o_87 {
  font-size: 3.5rem;
  font-weight: 800;
  color: white;
  margin-bottom: 20px;
  line-height: 1.2;
}

._highlight_1kx9o_103 {
  background: linear-gradient(90deg, #ffd700, #ffed4e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._subtitle_1kx9o_115 {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

._stats_1kx9o_131 {
  padding: 40px 20px;
  background: white;
  border-bottom: 1px solid #e5e7eb;
}

._statsGrid_1kx9o_143 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
}

._statCard_1kx9o_159 {
  text-align: center;
  padding: 20px;
}

._statNumber_1kx9o_169 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, #667eea, #764ba2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
}

._statLabel_1kx9o_187 {
  color: #6b7280;
  font-size: 1rem;
}

._jobsSection_1kx9o_197 {
  padding: 80px 20px;
}

._container_1kx9o_205 {
  max-width: 1200px;
  margin: 0 auto;
}

._sectionTitle_1kx9o_215 {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
  color: #1f2937;
}

._jobsGrid_1kx9o_231 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 30px;
}

._jobCard_1kx9o_243 {
  background: white;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

._jobCard_1kx9o_243::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--job-color), var(--job-color-light));
  opacity: 0;
  transition: opacity 0.3s ease;
}

._jobCard_1kx9o_243:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

._jobCard_1kx9o_243:hover::before {
  opacity: 1;
}

._jobIcon_1kx9o_309 {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

._jobTitle_1kx9o_329 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

._jobMeta_1kx9o_343 {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

._location_1kx9o_357,
._type_1kx9o_359 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
  font-size: 0.9rem;
}

._location_1kx9o_357 svg,
._type_1kx9o_359 svg {
  flex-shrink: 0;
}

._jobDescription_1kx9o_385 {
  color: #4b5563;
  line-height: 1.6;
  flex-grow: 1;
  margin-bottom: 24px;
}

._applyButton_1kx9o_399 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  align-self: flex-start;
}

._applyButton_1kx9o_399:hover {
  transform: translateX(4px);
  box-shadow: 0 10px 15px -3px rgba(102, 126, 234, 0.3);
}

._applyButton_1kx9o_399 svg {
  transition: transform 0.3s ease;
}

._applyButton_1kx9o_399:hover svg {
  transform: translateX(4px);
}

@media (max-width: 768px) {
  ._title_1kx9o_87 {
    font-size: 2rem;
  }
  
  ._subtitle_1kx9o_115 {
    font-size: 1rem;
  }
  
  ._jobsGrid_1kx9o_231 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  ._statsGrid_1kx9o_143 {
    grid-template-columns: repeat(2, 1fr);
  }
}:root {
    --ink: #0b1424;
    --muted: #667085;
    --bd: #e9eef8;
    --panel: #ffffff;

    --blue: #2147a4;
    --blue-100: #eef3ff;
    --blue-200: #d9e6ff;

    --chip: #fff4da;
    --chip-b: #f6e2a5;
}

/* container */
._wrap_wxgz5_16 {
    padding: 8px 18px 22px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

._grid_wxgz5_21 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 22px;
}

/* left card */
._leftCard_wxgz5_30 {
    background: var(--panel);
    border: 1px solid var(--bd);
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
    padding: 22px 18px;
    text-align: center;
}

._avatar_wxgz5_39 {
    width: 116px;
    height: 116px;
    margin: 4px auto 12px;
    border-radius: 999px;
    background: var(--blue-100);
    color: var(--blue);
    font-weight: 900;
    display: grid;
    place-items: center;
    font-size: 32px;
    border: 1px solid var(--blue-200);
}

._name_wxgz5_53 {
    font-weight: 900;
    color: var(--ink);
    font-size: 20px;
    margin: 2px 0 6px;
}

._email_wxgz5_60 {
    color: #5f6f86;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 10px;
    word-break: break-word;
}

._metaList_wxgz5_68 {
    margin: 6px 0 12px;
    text-align: left;
}

._metaRow_wxgz5_73 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #41526b;
    font-weight: 800;
    font-size: 14px;
    margin: 6px 0;
}

._metaIcon_wxgz5_83 {
    color: #7a8baa;
    font-size: 18px;
}

._hr_wxgz5_88 {
    border: 0;
    border-top: 1px solid var(--bd);
    margin: 10px 0 12px;
}

._subhead_wxgz5_94 {
    text-align: left;
    font-weight: 900;
    color: var(--ink);
    font-size: 18px;
    margin-bottom: 8px;
}

._tags_wxgz5_102 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

._tag_wxgz5_102 {
    background: var(--chip);
    border: 1px solid var(--chip-b);
    color: #aa7d00;
    font-weight: 800;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 10px;
}

/* right card */
._rightCard_wxgz5_119 {
    background: var(--panel);
    border: 1px solid var(--bd);
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
    padding: 20px 18px;
}

._title_wxgz5_127 {
    font-weight: 900;
    color: var(--ink);
    font-size: 20px;
    margin-bottom: 12px;
}

/* form */
._formGrid_wxgz5_135 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    margin-bottom: 8px;
}

._field_wxgz5_142 {
    display: flex;
    flex-direction: column;
}

._label_wxgz5_147 {
    color: #5f6f86;
    font-weight: 800;
    font-size: 12.5px;
    margin-bottom: 6px;
}

._req_wxgz5_154 {
    color: #ef4444;
}

._input_wxgz5_158 {
    height: 44px;
    background: #f9fbff;
    border: 1px solid var(--bd);
    border-radius: 10px;
    padding: 0 12px;
    color: #1f2937;
    font-weight: 800;
    font-size: 14px;
}

._input_wxgz5_158[readonly] {
    color: #334155;
}

._input_wxgz5_158:focus {
    outline: none;
    border-color: var(--blue-200);
    box-shadow: 0 0 0 3px #e7efff;
    background: #fff;
}

._textarea_wxgz5_180 {
    height: auto;
    padding: 10px 12px;
    line-height: 1.6;
    resize: vertical;
    font-weight: 500;
    color: #888
}

/* select-like (read-only) */
._selectLike_wxgz5_190 {
    height: 44px;
    background: #f9fbff;
    border: 1px solid var(--bd);
    border-radius: 10px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #334155;
    font-weight: 800;
    font-size: 14px;
}

/* big bio block */
._fieldBlock_wxgz5_205 {
    margin-top: 8px;
}

/* responsive */
@media (max-width: 980px) {
    ._grid_wxgz5_21 {
        grid-template-columns: 1fr;
    }
}:root {
  --ink: #0b1424;
  --muted: #667085;
  --bd: #e9eef8;
  --panel: #ffffff;

  --blue: #2147a4;
  --blue-100: #eef3ff;
  --blue-200: #d9e6ff;

  --g: #16a34a;
  --g-100: #e9f9ef;
  --g-200: #cfeedd;
  --y: #f59e0b;
  --y-100: #fff4e5;
  --y-200: #ffe4c7;
  --p: #7c3aed;
  --p-100: #f3e8ff;
  --p-200: #eadbff;
}

/* shell */
._wrap_19e1v_23 {
  padding: 4px 18px 24px;
}

._grid_19e1v_27 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.68fr 1.32fr;
  gap: 22px;
}

/* left – stats */
._statsCard_19e1v_36 {
  background: var(--panel);
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
  padding: 18px 18px 12px;
}

._cardTitle_19e1v_44 {
  font-weight: 900;
  color: var(--ink);
  font-size: 18px;
  margin-bottom: 10px;
}

._statRow_19e1v_51 {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}

._iconChip_19e1v_59 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 20px;
  border: 1px solid var(--bd);
}

._blue_19e1v_69 {
  background: var(--blue-100);
  border-color: var(--blue-200);
  color: var(--blue);
}

._green_19e1v_75 {
  background: var(--g-100);
  border-color: var(--g-200);
  color: var(--g);
}

._yellow_19e1v_81 {
  background: var(--y-100);
  border-color: var(--y-200);
  color: var(--y);
}

._purple_19e1v_87 {
  background: var(--p-100);
  border-color: var(--p-200);
  color: var(--p);
}

._statLabel_19e1v_93 {
  color: #41526b;
  font-weight: 800;
  font-size: 14px;
}

._statValue_19e1v_99 {
  color: var(--ink);
  font-weight: 900;
  font-size: 18px;
}

/* right column containers */
._rightCol_19e1v_106 {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

._panel_19e1v_112 {
  background: var(--panel);
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
  padding: 18px;
}

/* academic info form */
._formGrid_19e1v_121 {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
}

._field_19e1v_128 {
  display: flex;
  flex-direction: column;
}

._label_19e1v_133 {
  color: #5f6f86;
  font-weight: 800;
  font-size: 12.5px;
  margin-bottom: 6px;
}

._input_19e1v_140 {
  height: 42px;
  border-radius: 10px;
  background: #f9fbff;
  border: 1px solid var(--bd);
  padding: 0 12px;
  color: #334155;
  font-weight: 800;
  font-size: 14px;
}

._input_19e1v_140:focus {
  outline: none;
  border-color: var(--blue-200);
  box-shadow: 0 0 0 3px #e7efff;
  background: #fff;
}

._selectLike_19e1v_158 {
  height: 42px;
  border-radius: 10px;
  background: #f9fbff;
  border: 1px solid var(--bd);
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #334155;
  font-weight: 800;
  font-size: 14px;
}

/* account settings row */
._settingRow_19e1v_173 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 24px;
  border: 1px solid var(--bd);
  border-radius: 14px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06) inset;
}

._greenSoft_19e1v_186 {
  background: var(--g-100);
  border-color: var(--g-200);
  color: var(--g);
}

._settingText_19e1v_192 {}

._settingTitle_19e1v_194 {
  font-weight: 900;
  color: var(--ink);
  font-size: 16px;
}

._settingSub_19e1v_200 {
  color: #6b7b92;
  font-weight: 800;
  font-size: 14px;
  margin-top: 2px;
}

._enableBtn_19e1v_207 {
  height: 40px;
  padding: 0 18px;
  border-radius: 10px;
  border: 2px solid var(--blue-200);
  background: #fff;
  color: var(--blue);
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

/* responsive */
@media (max-width: 980px) {
  ._grid_19e1v_27 {
    grid-template-columns: 1fr;
  }
}:root {
  --ink: #0b1424;
  --muted: #667085;
  --bd: #e9eef8;
  --panel: #ffffff;

  --blue: #2147a4;
  --blue-100: #eef3ff;
  --blue-200: #d9e6ff;
  --green: #16a34a;
  --green-100: #e9f9ef;
  --green-200: #cfeedd;
  --purple: #7c3aed;
  --purple-100: #f3e8ff;
  --purple-200: #eadbff;
  --orange: #f59e0b;
  --orange-100: #fff4e5;
  --orange-200: #ffe4c7;
}

/* page shell */
._wrap_jiy5p_22 {
  padding: 14px 22px 28px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
}

/* header */
._headerRow_jiy5p_28 {
  max-width: 1240px;
  margin: 0 auto 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._title_jiy5p_37 {
  font-weight: 900;
  letter-spacing: -.02em;
  font-size: clamp(24px, 4.6vw, 40px);
  color: var(--ink);
  margin: 0 0 4px;
}

._sub_jiy5p_45 {
  color: #7b8aa0;
  font-weight: 700;
  font-size: 14px;
  margin: 0;
}

/* book button */
._bookBtn_jiy5p_53 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  border: none;
  color: #fff;
  background: var(--blue);
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(33, 71, 164, .22);
}

._bookIcon_jiy5p_69 {
  font-size: 18px;
}

/* stats */
._statsGrid_jiy5p_74 {
  max-width: 1240px;
  margin: 10px auto 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

._card_jiy5p_82 {
  background: var(--panel);
  border: 1px solid var(--bd);
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._cardText_jiy5p_93 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._cardLabel_jiy5p_99 {
  color: #73829b;
  font-weight: 800;
  font-size: 14px;
}

._cardValue_jiy5p_105 {
  color: var(--ink);
  font-weight: 900;
  font-size: 22px;
}

._iconChip_jiy5p_111 {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 22px;
  border: 1px solid var(--bd);
}

._blue_jiy5p_121 {
  background: var(--blue-100);
  border-color: var(--blue-200);
  color: var(--blue);
}

._green_jiy5p_127 {
  background: var(--green-100);
  border-color: var(--green-200);
  color: var(--green);
}

._purple_jiy5p_133 {
  background: var(--purple-100);
  border-color: var(--purple-200);
  color: var(--purple);
}

._orange_jiy5p_139 {
  background: var(--orange-100);
  border-color: var(--orange-200);
  color: var(--orange);
}

/* filter card */
._filterCard_jiy5p_146 {
  max-width: 1240px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
  padding: 14px;
}

._searchWrap_jiy5p_156 {
  position: relative;
  margin-bottom: 12px;
}

._searchIcon_jiy5p_161 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #96a3b8;
  font-size: 18px;
}

._search_jiy5p_156 {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--bd);
  background: #f9fbff;
  padding: 0 12px 0 38px;
  outline: none;
  color: #1f2937;
  font-weight: 800;
  font-size: 14px;
}

._search_jiy5p_156:focus {
  border-color: var(--blue-200);
  box-shadow: 0 0 0 3px #e7efff;
  background: #fff;
}

/* filters row */
._filtersRow_jiy5p_190 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

._selectLike_jiy5p_196 {
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--bd);
  background: #f9fbff;
  padding: 0 12px;
  min-width: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #334155;
  font-weight: 800;
  font-size: 14px;
}

/* responsive */
@media (max-width: 1100px) {
  ._statsGrid_jiy5p_74 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  ._statsGrid_jiy5p_74 {
    grid-template-columns: 1fr;
  }

  ._bookBtn_jiy5p_53 {
    width: 100%;
    justify-content: center;
  }

  ._headerRow_jiy5p_28 {
    flex-direction: column;
    align-items: flex-start;
  }
}:root {
  --ink: #0b1424;
  --muted: #667085;
  --bd: #e9eef8;
  --panel: #ffffff;

  --blue: #2147a4;
  --blue-100: #eef3ff;
  --blue-200: #d9e6ff;
  --green: #16a34a;
  --green-100: #e9f9ef;
  --green-200: #cfeedd;
  --purple: #7c3aed;
  --purple-100: #f3e8ff;
  --purple-200: #eadbff;
}

/* list container */
._wrap_1n5jk_19 {
  max-width: 1240px;
  margin: 10px auto 30px;
  display: grid;
  gap: 14px;
}

/* card */
._card_1n5jk_27 {
  background: var(--panel);
  border: 1px solid var(--bd);
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

/* left content grid */
._left_1n5jk_39 {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 12px;
  align-items: start;
}

._chip_1n5jk_46 {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 22px;
  border: 1px solid var(--bd);
}

._blue_1n5jk_56 {
  background: var(--blue-100);
  border-color: var(--blue-200);
  color: var(--blue);
}

._green_1n5jk_62 {
  background: var(--green-100);
  border-color: var(--green-200);
  color: var(--green);
}

._purple_1n5jk_68 {
  background: var(--purple-100);
  border-color: var(--purple-200);
  color: var(--purple);
}

._body_1n5jk_74 {
  min-width: 0;
}

/* prevent overflow */

._titleRow_1n5jk_80 {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

._title_1n5jk_80 {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
  font-size: 18px;
}

._badge_1n5jk_94 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--green-100);
  border: 1px solid var(--green-200);
  color: var(--green);
  font-weight: 900;
  font-size: 12.5px;
}

._badgeIcon_1n5jk_108 {
  font-size: 15px;
}

._line_1n5jk_112 {
  color: #41526b;
  font-weight: 800;
  font-size: 14px;
  margin-top: 6px;
}

._dim_1n5jk_119 {
  color: #7a8aa0;
}

._meta_1n5jk_123 {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  color: #63738c;
  font-weight: 800;
  font-size: 14px;
  margin-top: 8px;
}

._metaItem_1n5jk_133 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* right side */
._right_1n5jk_140 {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

._amount_1n5jk_148 {
  color: var(--ink);
  font-weight: 900;
  font-size: 22px;
}

._dt_1n5jk_154 {
  color: #60708a;
  font-weight: 800;
  font-size: 14px;
}

._details_1n5jk_160 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  color: var(--blue);
  background: #fff;
  border: 1px solid var(--blue-200);
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

/* responsive */
@media (max-width: 760px) {
  ._card_1n5jk_27 {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  ._right_1n5jk_140 {
    align-items: flex-start;
    text-align: left;
  }
}:root {
    --ink: #0b1424;
    --muted: #667085;
    --bd: #e9eef8;
    --panel: #ffffff;

    --blue: #2147a4;
    --blue-100: #eef3ff;
    --blue-200: #d9e6ff;
    --green: #16a34a;
    --green-100: #e9f9ef;
    --green-200: #cfeedd;
    --purple: #7c3aed;
    --purple-100: #f3e8ff;
    --purple-200: #eadbff;
    --orange: #f59e0b;
    --orange-100: #fff4e5;
    --orange-200: #ffe4c7;
}

/* page shell */
._wrap_13vwr_22 {
    padding: 14px 22px 28px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

/* header */
._headerRow_13vwr_28 {
    max-width: 1240px;
    margin: 0 auto 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

._title_13vwr_37 {
    font-weight: 900;
    letter-spacing: -.02em;
    font-size: clamp(24px, 4.6vw, 40px);
    color: var(--ink);
    margin: 0 0 4px;
}

._sub_13vwr_45 {
    color: #7b8aa0;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

/* book button */
._bookBtn_13vwr_53 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: none;
    color: #fff;
    background: var(--blue);
    font-weight: 900;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(33, 71, 164, .22);
}

._bookIcon_13vwr_69 {
    font-size: 18px;
}

/* stats */
._statsGrid_13vwr_74 {
    max-width: 1240px;
    margin: 10px auto 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

._card_13vwr_82 {
    background: var(--panel);
    border: 1px solid var(--bd);
    border-radius: 14px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
    padding: 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._cardText_13vwr_93 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._cardLabel_13vwr_99 {
    color: #73829b;
    font-weight: 800;
    font-size: 14px;
}

._cardValue_13vwr_105 {
    color: var(--ink);
    font-weight: 900;
    font-size: 22px;
}

._iconChip_13vwr_111 {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 22px;
    border: 1px solid var(--bd);
}

._blue_13vwr_121 {
    background: var(--blue-100);
    border-color: var(--blue-200);
    color: var(--blue);
}

._green_13vwr_127 {
    background: var(--green-100);
    border-color: var(--green-200);
    color: var(--green);
}

._purple_13vwr_133 {
    background: var(--purple-100);
    border-color: var(--purple-200);
    color: var(--purple);
}

._orange_13vwr_139 {
    background: var(--orange-100);
    border-color: var(--orange-200);
    color: var(--orange);
}

/* filter card */
._filterCard_13vwr_146 {
    max-width: 1240px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
    padding: 14px;
}

._searchWrap_13vwr_156 {
    position: relative;
    margin-bottom: 12px;
}

._searchIcon_13vwr_161 {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #96a3b8;
    font-size: 18px;
}

._search_13vwr_156 {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--bd);
    background: #f9fbff;
    padding: 0 12px 0 38px;
    outline: none;
    color: #1f2937;
    font-weight: 800;
    font-size: 14px;
}

._search_13vwr_156:focus {
    border-color: var(--blue-200);
    box-shadow: 0 0 0 3px #e7efff;
    background: #fff;
}

/* filters row */
._filtersRow_13vwr_190 {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

._selectLike_13vwr_196 {
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--bd);
    background: #f9fbff;
    padding: 0 12px;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #334155;
    font-weight: 800;
    font-size: 14px;
}

/* responsive */
@media (max-width: 1100px) {
    ._statsGrid_13vwr_74 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    ._statsGrid_13vwr_74 {
        grid-template-columns: 1fr;
    }

    ._bookBtn_13vwr_53 {
        width: 100%;
        justify-content: center;
    }

    ._headerRow_13vwr_28 {
        flex-direction: column;
        align-items: flex-start;
    }
}:root {
    --ink: #0b1424;
    --muted: #667085;
    --bd: #e9eef8;
    --panel: #ffffff;

    --blue: #2147a4;
    --blue-100: #eef3ff;
    --blue-200: #d9e6ff;
    --green: #16a34a;
    --green-100: #e9f9ef;
    --green-200: #cfeedd;
    --purple: #7c3aed;
    --purple-100: #f3e8ff;
    --purple-200: #eadbff;
}

/* list container */
._wrap_vpcxg_19 {
    max-width: 1280px;
    margin: 6px auto 28px;
    display: grid;
    gap: 22px;
}

/* card */
._card_vpcxg_27 {
    background: var(--panel);
    border: 1px solid var(--bd);
    border-radius: 18px;
    box-shadow: 0 22px 46px rgba(15, 23, 42, .07);
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

/* left side */
._left_vpcxg_39 {
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 14px;
    align-items: start;
}

._chip_vpcxg_46 {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 24px;
    border: 1px solid var(--bd);
}

._blue_vpcxg_56 {
    background: var(--blue-100);
    border-color: var(--blue-200);
    color: var(--blue);
}

._green_vpcxg_62 {
    background: var(--green-100);
    border-color: var(--green-200);
    color: var(--green);
}

._purple_vpcxg_68 {
    background: var(--purple-100);
    border-color: var(--purple-200);
    color: var(--purple);
}

._content_vpcxg_74 {
    min-width: 0;
}

._titleRow_vpcxg_78 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

._title_vpcxg_78 {
    margin: 0;
    color: var(--ink);
    font-weight: 900;
    font-size: 22px;
}

._badge_vpcxg_92 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--green-100);
    border: 1px solid var(--green-200);
    color: var(--green);
    font-weight: 900;
    font-size: 12.5px;
}

._badgeIcon_vpcxg_106 {
    font-size: 15px;
}

._line_vpcxg_110 {
    color: #41526b;
    font-weight: 800;
    font-size: 15px;
    margin-top: 8px;
}

._dim_vpcxg_117 {
    color: #7a8aa0;
}

._meta_vpcxg_121 {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    color: #63738c;
    font-weight: 800;
    font-size: 14px;
    margin-top: 10px;
}

._metaItem_vpcxg_131 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* right side */
._right_vpcxg_138 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    text-align: right;
}

._amount_vpcxg_146 {
    color: var(--ink);
    font-weight: 900;
    font-size: 24px;
}

._dt_vpcxg_152 {
    color: #60708a;
    font-weight: 800;
    font-size: 14px;
}

._details_vpcxg_158 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border-radius: 12px;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--bd);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
    font-weight: 900;
    font-size: 14px;
    cursor: pointer;
}

/* responsive */
@media (max-width: 860px) {
    ._card_vpcxg_27 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    ._right_vpcxg_138 {
        align-items: flex-start;
        text-align: left;
    }
}