:root {
  --navy: #17385f;
  --deep: #102946;
  --blue: #365f8c;
  --sky: #e4b83f;
  --ice: #f4f7f9;
  --shadow: 0 22px 60px rgba(16, 41, 70, .14);
}

.hero { background: linear-gradient(115deg, #f5f8fb 0%, #fff 58%); }

.hero:before { content: "DALTON"; color: rgba(23, 56, 95, .04); font-size: 12rem; }

.hero h1 em:after {
  background: linear-gradient(90deg, var(--sky), #f0d996);
}

.score-card span { color: #e7eef7; }

.method-photo span { color: #102946; }

.admission-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 24px;
}

.admission-grid article {
  background: #fff;
  padding: 25px 27px;
  border-top: 4px solid var(--sky);
}

.admission-grid h3 {
  margin: 0 0 10px;
  color: var(--navy);
  font-size: 1.15rem;
}

.admission-grid p {
  margin: 0;
  color: var(--muted);
  font-size: .86rem;
}

.result-note {
  margin-top: 22px;
  padding: 18px 22px;
  border-left: 5px solid var(--sky);
  background: #fff;
  color: #425068;
  font-size: .88rem;
}

.result-note strong {
  color: var(--navy);
}

@media (max-width: 760px) {
  .hero:before { font-size: 6rem; }
  .admission-grid { grid-template-columns: 1fr; gap: 10px; }
}