*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background-color: #0f0f0f;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  overflow: hidden;
}
body::before {
  content: ''; position: fixed; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
  pointer-events: none;
}
.container { text-align: center; user-select: none; }
.title {
  font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 700; letter-spacing: 0.05em;
  background: linear-gradient(90deg, #3a3a3a 0%, #a0a0a0 20%, #ffffff 40%, #d0d0d0 50%, #ffffff 60%, #a0a0a0 80%, #3a3a3a 100%);
  background-size: 200% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: shimmer 4s linear infinite;
}
.divider {
  width: 40px; height: 1px;
  background: linear-gradient(90deg, transparent, #3a3a3a, transparent);
  margin: 1.5rem auto;
  animation: divider-fade 4s ease-in-out infinite;
}
.subtitle {
  font-size: clamp(0.75rem, 2vw, 0.9rem); font-weight: 400; letter-spacing: 0.3em;
  text-transform: uppercase; color: #3a3a3a;
  animation: subtitle-pulse 4s ease-in-out infinite;
}
@keyframes shimmer { 0% { background-position: 200% center; } 100% { background-position: -200% center; } }
@keyframes divider-fade { 0%, 100% { opacity: 0.3; width: 40px; } 50% { opacity: 0.8; width: 60px; } }
@keyframes subtitle-pulse { 0%, 100% { color: #3a3a3a; } 50% { color: #606060; } }