*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:#111;

color:white;

}

header{

display:flex;

justify-content:space-between;

align-items:center;

padding:20px 50px;

background:#000;

position:sticky;

top:0;

}

.logo{

font-size:28px;

font-weight:bold;

color:#00d9ff;

}

nav a{

color:white;

text-decoration:none;

margin:20px;

transition:.3s;

}

nav a:hover{

color:#00d9ff;

}

.cart{

font-size:22px;

}

.hero{

height:350px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#0052D4,#6FB1FC);

}

.hero h1{

font-size:50px;

}

.hero p{

margin:20px;

}

.hero input{

padding:15px;

width:350px;

border:none;

border-radius:30px;

}

.products{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

padding:40px;

}

.card{

background:#1e1e1e;

border-radius:15px;

overflow:hidden;

transition:.3s;

box-shadow:0 0 20px rgba(0,0,0,.4);

}

.card:hover{

transform:translateY(-10px);

}

.card img{

width:100%;

height:250px;

object-fit:cover;

}

.card-content{

padding:20px;

}

.price{

font-size:24px;

color:#00ff99;

margin:10px 0;

}

button{

padding:12px 20px;

border:none;

background:#00d9ff;

color:white;

cursor:pointer;

border-radius:30px;

font-weight:bold;

margin-top:10px;

}
/* Your existing CSS */

/* ...many lines... */

button{
padding:12px 20px;
border:none;
background:#00d9ff;
color:white;
cursor:pointer;
border-radius:30px;
font-weight:bold;
margin-top:10px;
}

.admin-container{

max-width:700px;

margin:40px auto;

display:flex;

flex-direction:column;

gap:15px;

}

.admin-container input,
.admin-container textarea{

padding:15px;

border-radius:10px;

border:none;

font-size:16px;

}

.admin-container button{

padding:15px;

font-size:18px;

}

.admin-container{
max-width:700px;
margin:40px auto;
display:flex;
flex-direction:column;
gap:15px;
}

.admin-container input,
.admin-container textarea{
padding:15px;
border-radius:10px;
border:none;
font-size:16px;
}

.admin-container button{
padding:15px;
font-size:18px;
}