:root {
  --rogers-green: #003F32;
  --rogers-gold: #B99A55;
  --gold-highlight: #D1B773;
  --gold-shadow: #96752F;
  --white: #FFFFFF;
}

body {
  background-color: var(--rogers-green);
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

h1, h2, .font-cinzel {
  font-family: 'Cinzel', serif;
}

.fade-in-logo {
  opacity: 0;
  animation: logoFadeIn 5s ease-in-out forwards;
}

@keyframes logoFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.92) translateY(-15px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.animated-coming-soon {
  background: linear-gradient(
    120deg,
    #B99A55 0%,
    #D1B773 25%,
    #FFFFFF 50%,
    #D1B773 75%,
    #96752F 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: goldShimmer 4s linear infinite, subtlePulse 3s ease-in-out infinite alternate;
  display: inline-block;
}

@keyframes goldShimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

@keyframes subtlePulse {
  0% {
    filter: drop-shadow(0 0 6px rgba(209, 183, 115, 0.3));
    transform: scale(1);
  }
  100% {
    filter: drop-shadow(0 0 20px rgba(209, 183, 115, 0.75));
    transform: scale(1.03);
  }
}

.art-deco-frame {
  border: 2px solid var(--rogers-gold);
  outline: 1px solid var(--gold-shadow);
  outline-offset: 6px;
  position: relative;
}

.art-deco-corner {
  position: absolute;
  width: 16px;
  height: 16px;
  border-color: var(--gold-highlight);
}

.corner-tl { top: -10px; left: -10px; border-top: 3px solid var(--gold-highlight); border-left: 3px solid var(--gold-highlight); }
.corner-tr { top: -10px; right: -10px; border-top: 3px solid var(--gold-highlight); border-right: 3px solid var(--gold-highlight); }
.corner-bl { bottom: -10px; left: -10px; border-bottom: 3px solid var(--gold-highlight); border-left: 3px solid var(--gold-highlight); }
.corner-br { bottom: -10px; right: -10px; border-bottom: 3px solid var(--gold-highlight); border-right: 3px solid var(--gold-highlight); }

.gold-input:focus {
  outline: none;
  box-shadow: 0 0 12px rgba(209, 183, 115, 0.5);
  border-color: var(--gold-highlight);
}