body{

margin:0;
font-family:Poppins;
color:white;
background:black url("images/floor.png") center bottom fixed;
background-size:cover;
cursor:url("images/naildrill.png"),auto;

}

nav{

display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
position:fixed;
width:100%;
background:rgba(0,0,0,.6);
backdrop-filter:blur(10px);

}

.logo{

height:60px;

}

.hero{

height:100vh;
position:relative;
display:flex;
align-items:center;
justify-content:center;

}

.hero video{

position:absolute;
width:100%;
height:100%;
object-fit:cover;
z-index:-1;

}

.hero-overlay{

text-align:center;

}

.hero h1{

font-size:60px;
font-family:Playfair Display;
color:#ff6fb5;

}

.glass{

padding:80px;
margin:80px auto;
width:80%;
border-radius:20px;
backdrop-filter:blur(14px);

}

.black{

background:rgba(0,0,0,.7);

}

.pink{

background:rgba(255,182,193,.15);

}

.grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;

}

.card{

background:rgba(255,255,255,.05);
padding:30px;
border-radius:10px;

}

.designer{

display:flex;
gap:40px;

}

.preview{

width:200px;
height:200px;
background:pink;
border-radius:20px;

}

.controls select{

padding:10px;
margin-bottom:10px;

}

.store{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;

}

.product{

background:white;
color:black;
padding:30px;
border-radius:15px;

}

#map{

height:400px;
background:black;

}

.vip{

background:linear-gradient(135deg,#ff4fa3,#ff8cc8);
padding:80px;
text-align:center;
margin:80px;
border-radius:30px;

}