:root {
  --color-bg: #0f2329;
  --color-surface: ;
  --color-surface-2: #0f2e29;
  --color-header: #0c2225;
  --color-keylaer: #0b2a26;
  --color-text: #fafcfa;
  --color-muted: #d0fdf2;
  --color-primary: #44b0e9;
  --color-primary-dark: #48b5e3;
  --color-accent: ;
  --color-link: #42b2e4;
  --color-link-hover: #ffe9a8;
  --color-border: #062a22;
  --color-btn: #40bee9;
  --color-btn-text: #0e2220;
  --color-btn-hover: #49b2eb;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #49b2eb;
  --color-star: #47beee;
  --color-slot-bg: #133;
  --color-input-bg: #133;
}

* { box-sizing: border-box; }

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

body {
  font-family: Capriola, Tahoma, sans-serif;
  line-height: 1.65;
}

img { max-width: 99vw;}

.melinda { max-width: 33vw;}

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

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

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

.lilith,
.miguel,
.maciej,
.ulla,
.peter,
.margot,
.donald,
.julissa,
.nile,
.troy,
.apollo,
.bob,
.aiden,
.thomas,
.earl {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

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

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

.jay { padding: 0.5rem; }

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

.janet,
.emerie,
.lou,
.leah,
.rose,
.nicole,
.adrian,
.lana,
.jakub,
.curt,
.zeus,
.opal,
.bradley,
.rosalyn,
.emma {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.ruben,
.aisha,
.maxim,
.lloyd,
.byron,
.miles {
  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%;
}

.ruben img,
.aisha img,
.maxim img,
.lloyd img,
.byron img,
.miles img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.fred,
.maria,
.maxim-body {
  padding: 12px 14px 16px;
}

.fred h3,
.maria h3,
.maxim-body h3,
.lloyd h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

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

.noah,
.melnicoff,
.sandy {
  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;
}

.noah:hover,
.melnicoff:hover,
.sandy:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.may,
.shaz,
.lola,
.teresa,
.kira,
.leif,
.ligia,
.jessica,
.johnny,
.harlan,
.oswald,
.dalary,
.venkat,
.kai,
.marek {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.may h2,
.shaz h2,
.lola h2,
.teresa h2,
.kira h2,
.leif h2,
.ligia h2,
.jessica h2,
.johnny h2,
.harlan h2,
.oswald h2,
.dalary h2,
.venkat h2,
.kai h2,
.marek h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.may p,
.shaz p,
.lola p {
  color: var(--color-muted);
}

.walk,
.keyla,
.ophelia,
.adelaide,
.alexis,
.elma,
.kayleigh,
.vera,
.treasure,
.elisa,
.alexa,
.princess,
.yahir,
.brady,
.keyla-line {
  background: var(--color-keylaer);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

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

@media (max-width: 767px) {
  .isaac { width: 140px; height: 40px; }
  .ruben img,
  .aisha img,
  .maxim img,
  .lloyd img,
  .byron img,
  .miles img { height: 150px; }
}
