/* Nền, chữ và tiện ích chung của Aurora. */
html { scroll-behavior: smooth; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: var(--lt-font);
  color: var(--lt-ink);
  background: var(--lt-bg-soft);
  -webkit-font-smoothing: antialiased;
}
.page-content { flex: 1 0 auto; width: 100%; padding-top: .5rem; padding-bottom: 3rem; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -.02em; color: var(--lt-ink); }
.lt-aurora {
  position: fixed;
  inset: -30vh -10vw auto -10vw;
  z-index: -1;
  height: 80vh;
  pointer-events: none;
  opacity: var(--lt-aurora-opacity);
  filter: blur(60px);
  background:
    radial-gradient(40% 55% at 20% 35%, #7cc4ff, transparent 70%),
    radial-gradient(35% 50% at 72% 25%, #3b82f6, transparent 70%),
    radial-gradient(30% 45% at 55% 70%, #a5f3fc, transparent 70%);
  animation: lt-drift 18s ease-in-out infinite alternate;
}
@keyframes lt-drift { to { transform: translate3d(3vw, 4vh, 0) scale(1.08); } }
.lt-mono { font-family: var(--lt-mono); }
.lt-grad-text { background: var(--lt-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lt-eyebrow { font: 600 .75rem/1.4 var(--lt-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lt-ocean); }
.text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:focus-visible { outline: 3px solid rgba(14, 165, 233, .55); outline-offset: 2px; }