@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }

.tamra-section, .tamra-coming-soon-wrap { min-height: 100vh; position: relative; font-family: 'Poppins', sans-serif; }

body { background: linear-gradient(135deg, #0b0b0b, #1a1a1a); color:#fff; }

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  padding: 60px 20px;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.logo-img {
  width: 180px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(212,166,86,0.5);
}

.product-titles p {
  font-size: 1.3rem;
  font-weight: 600;
  color: #d4a656;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 15px rgba(212,166,86,0.4);
  margin-bottom: 5px;
}

.coming-soon {
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 25px 0 35px 0;
  background: linear-gradient(90deg, #f3c670, #d4a656, #f3c670);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: glowPulse 3s ease-in-out infinite, shimmer 5s linear infinite;
  white-space: nowrap;
}

@keyframes glowPulse {
  0% { text-shadow: 0 0 10px rgba(243,198,112,0.4); transform: scale(1); }
  50% { text-shadow: 0 0 25px rgba(243,198,112,0.9); transform: scale(1.05); }
  100% { text-shadow: 0 0 10px rgba(243,198,112,0.4); transform: scale(1); }
}

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

.description {
  max-width: 750px;
  line-height: 1.8;
  color: #ccc;
  font-size: 1.05rem;
  margin-bottom: 50px;
}

.highlight { color: #d4a656; font-weight: 600; }

form {
  background: rgba(255, 255, 255, 0.05);
  padding: 30px;
  border-radius: 15px;
  backdrop-filter: blur(10px);
  max-width: 420px;
  width: 100%;
  box-shadow: 0 0 25px rgba(212, 166, 86, 0.3);
  text-align: left;
  margin-bottom: 30px;
}

form h3 {
  margin-bottom: 15px;
  color: #f3c670;
  text-align: center;
}

input, textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.95rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

input::placeholder, textarea::placeholder { color: #aaa; }

button {
  width: 100%;
  padding: 12px;
  background: #d4a656;
  color: #000;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0 8px 18px rgba(212,166,86,0.12);
}

button:hover { background: #f3c670; transform: translateY(-1px); }

.bg-glow {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(212,166,86,0.15), transparent 70%);
  border-radius: 50%;
  animation: moveGlow 12s infinite alternate ease-in-out;
  z-index: 1;
}

@keyframes moveGlow {
  0% { transform: translate(0, 0); }
  100% { transform: translate(200px, 200px); }
}

.lang-dropdown {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(255,255,255,0.06);
  border: 2px solid rgba(212,166,86,0.25);
  border-radius: 50px;
  padding: 6px 10px;
  backdrop-filter: blur(8px);
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  z-index: 6;
}

select {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
  font-weight: 500;
  appearance: none;
  padding: 5px;
}

option {
  background-color: #000;
  color: #fff;
}

/* Modal styles */
.tamra-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.55); align-items: center; justify-content: center; z-index: 9999; }
.tamra-modal[aria-hidden="false"] { display: flex; }
.tamra-modal-card { background: linear-gradient(180deg,#0b0b0b,#141414); border: 1px solid rgba(212,166,86,0.15); padding: 18px; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.6); transform: translateY(-10px); animation: popIn 320ms ease forwards; max-width: 420px; width: 90%; }
@keyframes popIn { from { opacity: 0; transform: translateY(-20px) scale(0.98);} to { opacity: 1; transform: translateY(0) scale(1);} }
.tamra-modal-inner { text-align:center; color:#fff; }
.tamra-modal-top { margin-bottom:10px; }
.tamra-modal-top svg { display:block; margin: 0 auto; filter: drop-shadow(0 6px 18px rgba(212,166,86,0.18)); }
.tamra-modal-card h2 { color:#f3c670; margin-bottom:6px; font-size:20px; }
.tamra-modal-card p { color:#ccc; margin-bottom:14px; }
.tamra-modal-btn { background: linear-gradient(90deg,#d4a656,#f3c670); border:none; padding:10px 18px; border-radius:8px; color:#111; font-weight:700; cursor:pointer; box-shadow: 0 8px 24px rgba(212,166,86,0.18); }

/* responsive */
@media (max-width: 480px) {
  .logo-img { width: 140px; }
  .coming-soon { font-size: 2rem; }
  .container { padding: 40px 16px; }
  .tamra-modal-card { max-width: 320px; }
}