*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#050505;
color:white;
font-family:'Montserrat',sans-serif;
overflow-x:hidden;
}

.hero{
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:40px 20px;
background:
radial-gradient(circle at top,#2a1b00,#050505 60%,#000);
}

.hero h1{
font-family:'Cinzel',serif;
font-size:70px;
color:#d4af37;
letter-spacing:6px;
margin-bottom:15px;
text-shadow:0 0 20px rgba(212,175,55,.5);
}

.hero p{
font-size:18px;
color:#ddd;
margin-bottom:35px;
}

#countdown{
display:flex;
gap:20px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:35px;
}

#countdown div{
width:110px;
height:110px;
border:2px solid #d4af37;
border-radius:20px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:#111;
}

#countdown span{
font-size:34px;
font-weight:bold;
color:#d4af37;
}

#playMusic{
padding:18px 40px;
border:none;
border-radius:50px;
background:#d4af37;
color:#000;
font-weight:bold;
cursor:pointer;
margin-bottom:30px;
transition:.3s;
}

#playMusic:hover{
transform:scale(1.05);
}

.cover img{
width:260px;
border-radius:20px;
border:3px solid #d4af37;
margin-bottom:80px;
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
padding:80px 8%;
}
.card{
background:rgba(20,20,20,.9);
border:1px solid rgba(212,175,55,.4);
border-radius:22px;
overflow:hidden;
text-align:center;
transition:.4s;
box-shadow:0 0 35px rgba(212,175,55,.2);
backdrop-filter:blur(10px);
}

.card:hover{
transform:translateY(-12px) scale(1.03);
box-shadow:0 0 60px rgba(212,175,55,.5);
border-color:#d4af37;
}

.card img{
width:100%;
height:420px;
object-fit:cover;
}

.card h2{
margin:20px 0 10px;
font-family:'Cinzel',serif;
color:#d4af37;
}

.card p{
padding:0 20px 25px;
color:#ddd;
}

.invite{
max-width:900px;
margin:80px auto;
padding:40px;
text-align:center;
border:2px solid #d4af37;
border-radius:20px;
background:#111;
}

.invite h2{
font-family:'Cinzel',serif;
color:#d4af37;
margin-bottom:20px;
}

.invite p{
line-height:1.9;
color:#ddd;
}

footer{
margin-top:80px;
padding:40px;
text-align:center;
background:#090909;
border-top:2px solid #d4af37;
}

footer p{
margin:10px 0;
color:#ddd;
}
.luxury img{

position:fixed;

opacity:.08;

pointer-events:none;

filter:drop-shadow(0 0 20px gold);

}

.lv{

top:40px;

left:40px;

width:130px;

}

.dior{

top:60px;

right:60px;

width:160px;

}

.ysl{

bottom:70px;

right:70px;

width:120px;

}
.chain{
position:fixed;
pointer-events:none;
opacity:.35;
filter:drop-shadow(0 0 15px gold);
z-index:1;
}

.chain1{
top:-120px;
right:-120px;
width:500px;
transform:rotate(35deg);
}

.chain2{
bottom:-140px;
left:-140px;
width:500px;
transform:rotate(-145deg);
}
body{
background:
radial-gradient(circle at top,#3b2b08 0%,#111 35%,#050505 100%);
background-attachment:fixed;
}

body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
background:
radial-gradient(circle,#d4af3722 1px,transparent 1px);
background-size:60px 60px;
opacity:.35;
}