/*
Theme Name: Louisa Launch Coming Soon v3.1
Author: Louisa
Description: Fixed version with proper CSS loading, animated gradient, glass card, flip countdown.
Version: 3.1
*/
body {
  margin:0; padding:0;
  font-family:'Inter', sans-serif;
  height:100vh;
  display:flex; justify-content:center; align-items:center;
  background: linear-gradient(-45deg, #d7f7ff, #ffe3fc, #e9e6ff, #ddfff2);
  background-size:400% 400%;
  animation: bgShift 12s ease infinite;
}
@keyframes bgShift {
  0% { background-position:0% 50%; }
  50% { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}
.container {
  background: rgba(255,255,255,0.55);
  padding:3rem 4rem;
  border-radius:24px;
  backdrop-filter: blur(14px);
  box-shadow:0 10px 40px rgba(0,0,0,0.12);
  text-align:center;
  animation: fadeIn 1.2s ease-out forwards;
  opacity:0;
}
@keyframes fadeIn { to {opacity:1;} }

.logo {
  width:100px; height:100px;
  margin:0 auto 1.2rem auto;
  border-radius:50%;
  background:white;
  display:flex; justify-content:center; align-items:center;
  font-weight:800; font-size:1.4rem;
  color:#111;
  box-shadow:0 0 20px rgba(255,255,255,0.8);
  animation:pulse 3s infinite ease-in-out;
}
@keyframes pulse {
  0%,100% { transform:scale(1); box-shadow:0 0 20px rgba(255,255,255,0.8); }
  50% { transform:scale(1.08); box-shadow:0 0 35px rgba(255,255,255,1); }
}

h1 {
  font-size:2.9rem; margin-bottom:1rem; color:#111; font-weight:700;
}

.countdown {
  display:flex; justify-content:center; gap:1rem;
  margin:1.5rem 0;
}

.flip-box {
  background:white;
  padding:1rem 1.4rem;
  border-radius:14px;
  min-width:70px;
  font-size:1.7rem;
  font-weight:700;
  box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.label {
  font-size:0.8rem;
  color:#333;
  margin-top:0.3rem;
}

.message { font-size:1.15rem; color:#444; margin:1rem 0; }

input[type=email] {
  padding:0.8rem 1rem;
  border-radius:10px;
  border:1px solid #ccc;
  width:260px;
}
button {
  padding:0.8rem 1.2rem;
  border:none;
  border-radius:10px;
  background:#111;
  color:white;
  cursor:pointer;
  margin-left:0.5rem;
  font-weight:600;
}
button:hover { background:#333; }