body{
margin:0;
background:#0f0f0f;
color:#d6d6d6;
font-family:'Cormorant Garamond', serif;
text-align:center;
overflow:hidden;
}

.whatsapp-btn{
margin-top:10px;
padding:12px 25px;
background:#25D366;
border:none;
color:white;
font-size:15px;
border-radius:6px;
cursor:pointer;
transition:0.3s;
}

.whatsapp-btn:hover{
background:#1ebe5d;
}

.reshare{
margin-top:30px;
}

.reshare-text{
font-size:14px;
color:#aaa;
margin-bottom:10px;
}

#reshareBtn{
padding:10px 20px;
border:1px solid #d4af37;
background:black;
color:#d4af37;
cursor:pointer;
}

.container{
position:relative;
z-index:2;
}

#particles{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:0;
}

.title{
font-size:3rem;
letter-spacing:2px;

background:linear-gradient(135deg,#d4af37,#f6e27a,#d4af37);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

opacity:0;
animation:fadeIn 1.5s forwards;
}

.moon{
width:120px;
height:120px;
margin:0 auto 30px;
border-radius:50%;
box-shadow:0 0 60px rgba(212,175,55,0.25);
animation:pulse 6s infinite;
}

.moment-text{
font-size:14px;
color:#d4af37;
opacity:0.8;
margin-bottom:10px;
}

.greeting h2{
font-size:1.6rem;
color:#f0e6b8;
}

.greeting p{
font-style:italic;
margin-top:10px;
	margin-start:5px;
}

.form-section{
margin-top:40px;
}

.cta-text{
margin-bottom:15px;
font-size:14px;
color:#aaa;
}

input, textarea{
width:90%;
padding:12px;
margin:10px 0;
background:transparent;
border:1px solid #d4af37;
color:white;
border-radius:6px;
}

textarea{
height:70px;
resize:none;
}

button{
margin-top:15px;
padding:12px 25px;
background:black;
border:1px solid #d4af37;
color:#d4af37;
cursor:pointer;
position:relative;
overflow:hidden;
}

button::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(212,175,55,0.4),transparent);
transition:0.5s;
}

button:hover::after{
left:100%;
}

.counter{
margin-top:40px;
font-size:14px;
opacity:0.8;
}

footer{
margin-top:60px;
padding-bottom:30px;
font-size:13px;
opacity:0.7;
}

footer a{
color:#d4af37;
text-decoration:none;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
}

footer img{
  height:18px;
  width:auto;
  margin-left:5px;

  filter: brightness(0) invert(1);
  opacity:0.85;
}

.hidden{
display:none;
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}

@keyframes pulse{
0%{box-shadow:0 0 30px rgba(212,175,55,0.1);}
50%{box-shadow:0 0 70px rgba(212,175,55,0.3);}
100%{box-shadow:0 0 30px rgba(212,175,55,0.1);}
}