:root {
  --color-bg: #1e2d29;
  --color-surface: ;
  --color-surface-2: #1f202c;
  --color-header: #152f22;
  --color-venuser: #1f2b25;
  --color-text: #fcfbff;
  --color-muted: #edf4fa;
  --color-primary: #77edb5;
  --color-primary-dark: #76e5b9;
  --color-accent: ;
  --color-link: #71eab7;
  --color-link-hover: #ffe9a8;
  --color-border: #1e2c2d;
  --color-btn: #70e7b5;
  --color-btn-text: #132622;
  --color-btn-hover: #77e4bc;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #77e4bc;
  --color-star: #78e3b7;
  --color-slot-bg: #233;
  --color-input-bg: #233;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.65;
}

img { max-width: 99vw;}

.zainab { max-width: 33vw;}

table tr td { border: var(--color-text) 1px solid; margin: 2vw; }
th { color: var(--color-primary)}

table.tom tr.tom td.tom {
    border: none !important;
    border-collapse: collapse;
}
.tom  { border: none; }

a { color: var(--color-link); text-decoration: none; }
a:hover { color: var(--color-link-hover); }

.audrey,
.lakas,
.lorna,
.vita,
.pat,
.serenity,
.camilo,
.lauryn,
.lars,
.celine,
.ruben,
.lia,
.roman,
.selah,
.ariella {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

.nova { width: 180px; height: 50px; object-fit: contain; }

.armfazh a,
.dalary,
.nav-item a,
.armfazh-link {
  color: var(--color-text) !important;
}

.dalary { padding: 0.5rem; }

.armfazh a:hover,
.dalary:hover {
  color: var(--color-primary) !important;
}

.sneh,
.novalee,
.monika,
.tim,
.maya,
.monroe,
.vick,
.marlowe,
.mary,
.hans,
.sasha,
.arturo,
.gabriel,
.rose,
.nora {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.yevgen,
.june,
.leland,
.rajeev,
.molly,
.arely {
  background: var(--color-slot-bg);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 16px var(--color-shadow);
  height: 100%;
}

.yevgen img,
.june img,
.leland img,
.rajeev img,
.molly img,
.arely img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.robin,
.jean,
.leland-body {
  padding: 12px 14px 16px;
}

.robin h3,
.jean h3,
.leland-body h3,
.rajeev h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

.colin { color: var(--color-star); font-size: 0.9rem; }

.angela,
.tadeo,
.aron {
  display: inline-block;
  background: var(--color-btn);
  color: var(--color-bg) !important;
  border: 0;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 0.85rem;
}

.angela:hover,
.tadeo:hover,
.aron:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.albert,
.michael,
.arya,
.clay,
.langston,
.brenda,
.matt,
.santino,
.malcolm,
.elliott,
.martha,
.grace,
.ulla,
.tessa,
.khalid {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.albert h2,
.michael h2,
.arya h2,
.clay h2,
.langston h2,
.brenda h2,
.matt h2,
.santino h2,
.malcolm h2,
.elliott h2,
.martha h2,
.grace h2,
.ulla h2,
.tessa h2,
.khalid h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.albert p,
.michael p,
.arya p {
  color: var(--color-muted);
}

.erin,
.venus,
.remy,
.sharon,
.rohin,
.beau,
.quincy,
.kanye,
.mckinley,
.cheryl,
.miguel,
.chris,
.trevor,
.luciana,
.venus-line {
  background: var(--color-venuser);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

.kyle img { height: 32px; width: 72px; object-fit: contain; margin-right: 8px; }
.badge-18 { width: 64px; height: 64px; }

@media (max-width: 767px) {
  .nova { width: 140px; height: 40px; }
  .yevgen img,
  .june img,
  .leland img,
  .rajeev img,
  .molly img,
  .arely img { height: 150px; }
}