body{margin:0;font-family:Arial;background:#0b0b0b;color:#e5e5e5;}
.nav{display:flex;justify-content:space-between;padding:20px;background:#111;}
.nav a{color:#ccc;margin-left:15px;text-decoration:none;}
.nav a:hover{color:#fff;}
.logo{font-weight:bold;letter-spacing:2px;}
.hero{text-align:center;padding:120px 20px;background:#0f0f0f;}
.btn{display:inline-block;border:1px solid #fff;padding:12px 26px;margin-top:20px;text-decoration:none;color:#fff;}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:40px;}
.card{background:#1a1a1a;padding:30px;border:1px solid:#333;}
footer{text-align:center;padding:20px;background:#111;margin-top:40px;}
.list,.shop,.about,.contact{padding:40px;}
.product,.item{margin-bottom:20px;padding:20px;background:#1a1a1a;border:1px solid:#333;}