#new-tests .home-test-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 22px;
}

#new-tests .home-test-intro p {
  max-width: 470px;
  margin: 0;
  color: rgba(255, 250, 240, 0.66);
  line-height: 1.75;
}

.home-test-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.home-quick-test {
  --quick-accent: #f3ff57;
  position: relative;
  display: grid;
  min-height: 250px;
  padding: 22px;
  overflow: hidden;
  color: inherit;
  border: 1px solid rgba(255, 250, 240, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--quick-accent) 13%, transparent), transparent 54%),
    rgba(16, 16, 20, 0.78);
  text-decoration: none;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.home-quick-test:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--quick-accent) 60%, white 8%);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--quick-accent) 14%, transparent);
}

.home-quick-test:focus-visible {
  outline: 3px solid var(--quick-accent);
  outline-offset: 4px;
}

.home-quick-test:active { transform: translateY(-1px) scale(.995); }

.home-quick-test::after {
  position: absolute;
  right: -10px;
  bottom: -30px;
  content: attr(data-index);
  color: color-mix(in srgb, var(--quick-accent) 22%, transparent);
  font-size: 108px;
  line-height: 1;
  font-weight: 950;
  pointer-events: none;
}

.home-quick-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.home-quick-meta span {
  padding: 6px 8px;
  color: rgba(255, 250, 240, 0.7);
  border: 1px solid rgba(255, 250, 240, 0.16);
  border-radius: 999px;
  background: rgba(255, 250, 240, 0.06);
  font-size: 10px;
  font-weight: 850;
}

.home-quick-test h3 {
  max-width: 570px;
  margin: 20px 0 10px;
  font-size: clamp(24px, 3.2vw, 38px);
  line-height: 1.08;
  font-weight: 950;
}

.home-quick-test p {
  max-width: 590px;
  margin: 0 0 28px;
  color: rgba(255, 250, 240, 0.66);
  line-height: 1.7;
}

.home-quick-link {
  align-self: end;
  justify-self: start;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  color: #0b0b0d;
  border-radius: 8px;
  background: var(--quick-accent);
  font-size: 13px;
  font-weight: 950;
}

.home-all-tests {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.home-all-tests a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  color: #0b0b0d;
  border-radius: 8px;
  background: #f3ff57;
  font-size: 13px;
  font-weight: 950;
}

.home-bond-section { overflow: hidden; background: #0f0f13; }
.home-bond-layout { display: grid; grid-template-columns: 0.88fr 1.12fr; gap: clamp(36px, 8vw, 100px); align-items: center; }
.home-bond-card { position: relative; min-height: 500px; padding: 30px; overflow: hidden; color: #0b0b0d; border: 4px solid #0b0b0d; border-radius: 18px; background: linear-gradient(145deg, #f3ff57, #fff7e8 60%, #ff9ed0); box-shadow: 18px 18px 0 #6bf6ff; transform: rotate(-2deg); }
.home-bond-card::after { position: absolute; right: -26px; bottom: -76px; content: "∞"; color: rgba(11, 11, 13, 0.09); font-size: 250px; font-weight: 950; line-height: 1; }
.home-bond-topline { display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 2px solid rgba(11, 11, 13, 0.3); font-size: 9px; font-weight: 950; letter-spacing: 0.12em; }
.home-bond-card > p { margin: 48px 0 7px; font-size: 12px; font-weight: 850; }
.home-bond-card h2 { margin: 0; font-size: clamp(48px, 6vw, 76px); line-height: 0.9; letter-spacing: -0.065em; }
.home-bond-card > div:nth-of-type(2) { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }
.home-bond-card > div:nth-of-type(2) span { padding: 6px 9px; border: 2px solid #0b0b0d; border-radius: 999px; background: rgba(255,255,255,.5); font-size: 9px; font-weight: 950; }
.home-bond-card > strong { position: absolute; bottom: 27px; left: 30px; z-index: 2; font-size: 10px; letter-spacing: .12em; }
.home-bond-copy h2 { margin: 14px 0 0; font-size: clamp(38px, 6vw, 68px); line-height: 0.96; letter-spacing: -0.055em; }
.home-bond-copy > p:not(.eyebrow) { margin: 23px 0 0; color: rgba(255,250,240,.68); font-size: 16px; line-height: 1.75; }
.home-bond-copy ul { margin: 23px 0 0; padding: 0; list-style: none; }
.home-bond-copy li { padding: 11px 0; border-bottom: 1px solid rgba(255,250,240,.14); color: rgba(255,250,240,.78); font-size: 12px; }
.home-bond-copy > a { display: inline-flex; min-height: 48px; align-items: center; margin-top: 26px; padding: 0 17px; color: #0b0b0d; border-radius: 8px; background: #f3ff57; font-size: 12px; font-weight: 950; }

@media (max-width: 720px) {
  #new-tests .home-test-intro { display: block; }
  #new-tests .home-test-intro p { margin-top: 12px; }
  .home-test-grid { grid-template-columns: 1fr; }
  .home-quick-test { min-height: 230px; padding: 19px; }
  .home-bond-layout { grid-template-columns: 1fr; }
  .home-bond-card { min-height: 420px; margin-right: 12px; box-shadow: 11px 11px 0 #6bf6ff; }
}