:root { color-scheme: light; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(165deg, #faf8f4 0%, #f4efe7 55%, #efe8db 100%);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  overflow: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 50% 42%, rgba(193, 154, 107, 0.16), transparent 55%);
  pointer-events: none;
}
main { text-align: center; position: relative; }
h1 {
  font-family: Georgia, "Times New Roman", "Songti SC", serif;
  font-weight: 400;
  font-size: clamp(3.5rem, 10vw, 7rem);
  letter-spacing: 0.08em;
  color: #3f3a33;
  animation: rise 0.9s ease-out both;
}
h1 span { color: #c19a6b; }
.rule {
  width: 36px;
  height: 1px;
  background: #d8cfc0;
  margin: 1.6rem auto 0;
  animation: rise 0.9s ease-out 0.15s both;
}
p {
  margin-top: 0.9rem;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  text-transform: uppercase;
  color: #a89e8f;
  animation: rise 0.9s ease-out 0.3s both;
}
@keyframes rise {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}
