/* ── Scene background ─────────────────────────────────────────────────────── */

body {
  background-color: #03050e !important;
  background-image: url('../images/scene.svg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Lake shimmer — pulses over the lake area at the bottom of the viewport */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(
    ellipse 55% 18% at 50% 82%,
    rgba(140, 185, 218, 0.22) 0%,
    transparent 55%
  );
  animation: lake-shimmer 3.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes lake-shimmer {
  0%, 100% { opacity: 0.15; }
  50%       { opacity: 1.00; }
}

/* Moon atmospheric pulse — positioned over the moon in the upper-right */
body::after {
  content: "";
  position: fixed;
  right: 14%;
  top: 6%;
  width: 260px;
  height: 220px;
  background: radial-gradient(circle, rgba(192, 215, 238, 0.22) 0%, transparent 65%);
  border-radius: 50%;
  animation: moon-pulse 6s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes moon-pulse {
  0%, 100% { opacity: 0.30; transform: scale(1.00); }
  50%       { opacity: 1.00; transform: scale(1.25); }
}

/* ── Material theme overrides ─────────────────────────────────────────────── */

.md-header {
  background: rgba(3, 5, 16, 0.82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

[data-md-color-scheme="default"] .md-header {
  background: rgba(240, 245, 255, 0.88) !important;
}

.md-main,
.md-content {
  background: transparent !important;
}

/* ── Content card ─────────────────────────────────────────────────────────── */

.md-content__inner {
  background: rgba(4, 8, 22, 0.86) !important;
  border-radius: 6px;
  padding: 2rem 2.5rem !important;
  box-shadow:
    0 6px 40px rgba(0, 0, 0, 0.60),
    0 0 0 1px rgba(80, 105, 150, 0.14);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  position: relative;
  z-index: 1;
}

[data-md-color-scheme="default"] .md-content__inner {
  background: rgba(250, 252, 255, 0.92) !important;
  box-shadow:
    0 6px 40px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(100, 120, 160, 0.12);
}

/* ── Suppress Zensical's auto-injected page-title h1 ─────────────────────── */

h1#__skip {
  display: none;
}

/* ── Hero (text only — avatar is in the nav logo) ────────────────────────── */

.hero {
  text-align: center;
  padding: 2.5rem 0 2rem;
}

.hero__name {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #dce6f8;
  margin: 0 0 0.6rem;
}

.hero__tagline {
  font-size: 1.05rem;
  color: rgba(190, 205, 228, 0.75);
  margin: 0 0 0.4rem;
}

.hero__fedi {
  font-size: 0.9rem;
  color: rgba(155, 172, 200, 0.65);
  margin: 0;
}

.hero__fedi a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(155, 172, 200, 0.28);
}

.hero__fedi a:hover {
  color: rgba(175, 195, 225, 0.90);
  border-bottom-color: rgba(175, 195, 225, 0.55);
}

/* Light-theme hero: readable dark text on the white card */
[data-md-color-scheme="default"] .hero__name {
  color: #1a2240;
}

[data-md-color-scheme="default"] .hero__tagline {
  color: rgba(30, 45, 80, 0.80);
}

[data-md-color-scheme="default"] .hero__fedi {
  color: rgba(50, 70, 110, 0.70);
}

[data-md-color-scheme="default"] .hero__fedi a {
  color: rgba(50, 70, 110, 0.70);
  border-bottom-color: rgba(50, 70, 110, 0.28);
}

[data-md-color-scheme="default"] .hero__fedi a:hover {
  color: rgba(30, 55, 100, 0.90);
}