@keyframes goldShift {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.gold-anim {
  background: linear-gradient(120deg,#1A0F00,#3a2200,#D4A017,#FFE169,#3a2200,#1A0F00);
  background-size: 400% 400%;
  animation: goldShift 14s ease infinite;
}
@keyframes floatY {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
.float-y { animation: floatY 6s ease-in-out infinite; }

@keyframes blobMove {
  0%,100% { border-radius: 50% 40% 60% 45%/55% 45% 55% 50%; }
  50% { border-radius: 40% 60% 45% 55%/45% 55% 50% 60%; }
}
.blob { animation: blobMove 12s ease-in-out infinite; }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
.reveal.in { opacity: 1; transform: none; }

.clay {
  box-shadow:
    10px 10px 30px rgba(0,0,0,.55),
    -6px -6px 20px rgba(212,160,23,.18),
    inset 2px 2px 6px rgba(255,225,105,.25),
    inset -2px -2px 6px rgba(0,0,0,.5);
}
.clay-light {
  box-shadow:
    8px 8px 24px rgba(0,0,0,.5),
    inset 1px 1px 3px rgba(255,225,105,.3),
    inset -1px -1px 3px rgba(0,0,0,.4);
}
.clay-btn {
  box-shadow:
    6px 6px 18px rgba(0,0,0,.55),
    inset 1px 1px 2px rgba(255,255,255,.4),
    inset -2px -2px 6px rgba(120,80,0,.5);
  transition: transform .25s ease, box-shadow .25s ease;
}
.clay-btn:hover { transform: translateY(-3px) scale(1.03); }
.clay-btn:active { transform: translateY(1px) scale(.98); box-shadow: 3px 3px 8px rgba(0,0,0,.6) inset; }

.faq-panel { max-height: 0; overflow: hidden; transition: max-height .5s ease; }
.faq-panel.open { max-height: 400px; }

.drawer { transform: translateX(100%); transition: transform .35s ease; }
.drawer.open { transform: translateX(0); }

.float-label { position: relative; }
.float-label input, .float-label textarea {
  width: 100%; padding: 22px 18px 10px; background: #2a1800;
  border-radius: 24px; color:#FFF8E1; outline: none;
  border: 2px solid transparent;
  transition: border-color .2s;
}
.float-label input:focus, .float-label textarea:focus { border-color:#D4A017; }
.float-label label {
  position:absolute; left:18px; top:16px; color:#FFE169; opacity:.7;
  pointer-events:none; transition: all .2s ease; font-size: 14px;
}
.float-label input:focus + label,
.float-label input:not(:placeholder-shown) + label,
.float-label textarea:focus + label,
.float-label textarea:not(:placeholder-shown) + label {
  top: 4px; font-size: 11px; opacity: 1;
}