*{box-sizing:border-box}
body{
margin:0;min-height:100vh;
font-family:Arial,sans-serif;
background:linear-gradient(135deg,#020617,#081b38,#230047);
color:white;
overflow-x:hidden;
}
.logo{
text-align:center;
font-size:clamp(24px,5vw,50px);
padding:25px;
font-weight:900;
text-shadow:0 0 20px cyan;
}
.logo span{color:#00ffff}
#shop{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
padding:30px;
}
.card{
background:rgba(255,255,255,.08);
border:1px solid cyan;
border-radius:25px;
padding:20px;
backdrop-filter:blur(15px);
transform-style:preserve-3d;
transition:.5s;
box-shadow:0 0 25px #00ffff55;
}
.card:hover{
transform:rotateY(12deg) translateY(-10px);
box-shadow:0 0 35px magenta;
}
button{
background:linear-gradient(90deg,#00ffff,#ff00ff);
border:0;border-radius:20px;padding:12px 20px;
cursor:pointer;font-weight:bold;
}