* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: linear-gradient(135deg, #111111 0%, #1a1a1a 50%, #2a2a2a 100%);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.logo {
  width: 80%;
  max-width: 800px;
  height: auto;
  opacity: 0;
  transform: translateY(20px);
  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.2));
}

.logo text {
  font-family: 'Times New Roman', serif;
  font-size: 48px;
  font-style: italic;
  fill: url(#textGradient);
}

.logo .crown {
  fill: url(#crownGradient);
  transform-origin: center;
  transform: scale(0.5) translateY(10px);
  filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.3));
}