*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
body { background-color: #080810; color: #e6e0e9; }

.glass {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}
.glass:hover {
  background: rgba(255,255,255,0.07);
  transform: translateY(-3px);
  transition: background 0.3s ease, transform 0.3s ease;
}

.etymology-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
}

.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.fade-up.visible { opacity: 1; transform: translateY(0); }

.fade-in {
  opacity: 0;
  transition: opacity 0.9s ease-out;
}
.fade-in.visible { opacity: 1; }

.delay-1 { transition-delay: 80ms; }
.delay-2 { transition-delay: 160ms; }
.delay-3 { transition-delay: 240ms; }
.delay-4 { transition-delay: 320ms; }
.delay-5 { transition-delay: 400ms; }
.delay-6 { transition-delay: 480ms; }
.delay-7 { transition-delay: 560ms; }

address { font-style: normal; }
[hidden] { display: none !important; }

.brand-highlight {
  color: #C4B5FD;
  font-style: italic;
}

.section-divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.06);
  margin: 0;
}