.ethereal-top {
  font-family: 'Public Sans', 'Noto Sans KR', sans-serif;
  color: #1c1b1f;
  background-color: #fdfcff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ethereal-top .material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.ethereal-top .glass-panel {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.7);
}

.ethereal-top .hero-overlay {
  background: rgba(109, 40, 217, 0.2);
  mix-blend-mode: multiply;
}

.ethereal-top .hero-surface {
  background: #fdfcff;
}

.ethereal-top .hero-gradient {
  background: radial-gradient(circle, rgba(109, 40, 217, 0.12) 0%, rgba(253, 252, 255, 0) 70%);
}

.ethereal-top .hero-nav-link {
  font-family: 'Public Sans', 'Noto Sans KR', sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ethereal-top .hero-login {
  background: #6d28d9;
  color: #ffffff;
}

.ethereal-top .hero-login:hover {
  background: #5b21b6;
}