body{font-family:Inter;margin:0;background:#0b0f1c;color:white}
.nav{display:flex;justify-content:space-between;padding:20px 8%;border-bottom:1px solid rgba(255,255,255,.1)}
.nav a{margin-left:20px;color:white;text-decoration:none}
.logo img{height:40px}

.hero{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#1c2140,#0b0f1c)}

.section{padding:90px 8%}
.title{text-align:center;margin-bottom:20px;font-size:42px}
.title.big{font-size:56px}
.subtitle{text-align:center;opacity:.6;margin-bottom:50px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.card{background:#12172a;padding:30px;border-radius:20px;text-align:center}
.card img{width:100%;border-radius:10px;margin-bottom:10px}
.price{font-size:36px;color:#a6a1ff}
.card button{margin-top:10px;padding:10px 18px;border:none;border-radius:20px;background:#7c7cff;color:white}

.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}

.review-card{
background:#12172a;
padding:30px;
border-radius:20px;
box-shadow:0 0 30px rgba(120,90,255,.2);
}

.review-card.highlight{
box-shadow:0 0 35px rgba(120,90,255,.5);
}

.review-card.dotted{
border:2px dashed #7d75ff;
}

.review-top{
display:flex;
gap:15px;
align-items:center;
margin-bottom:20px;
}

.avatar{
width:55px;
height:55px;
border-radius:50%;
background:#6b63ff;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

.stars{color:gold;font-size:14px}

.review-text{
opacity:.85;
line-height:1.5;
margin-bottom:20px;
}

.review-footer{
display:flex;
justify-content:space-between;
opacity:.6;
}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.form{background:#12172a;padding:30px;border-radius:15px}
.form input,.form select,.form textarea{width:100%;padding:12px;margin-bottom:10px;border:none;border-radius:20px;background:#1c2238;color:white}
.form button{padding:12px;border:none;border-radius:20px;background:#7c7cff}
.info{background:#12172a;padding:30px;border-radius:15px}

footer{text-align:center;padding:40px;border-top:1px solid rgba(255,255,255,.1)}
footer img{height:40px;margin-bottom:10px}

.cart{position:fixed;right:20px;bottom:20px;width:300px;background:#12172a;padding:20px;border-radius:15px;display:none}