body { margin: 0; font-family: Inter, sans-serif; background: #000; color: #fff; overflow-x: hidden; }
#stars { position: fixed; inset: 0; z-index: -1; }
header { display: flex; justify-content: space-between; padding: 1rem 2rem; background: rgba(0,0,0,0.6); position: sticky; top: 0; backdrop-filter: blur(8px); }
nav a { color: #ccc; text-decoration: none; margin-left: 1rem; font-weight: 600; }
nav a:hover { color: #fff; }
.hero { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60vh; text-align: center; }
.hero h1 { font-family: Orbitron, sans-serif; font-size: 4rem; margin: 0; }
.hero p { color: #bbb; }
.cta { border: 1px solid #444; padding: 10px 20px; color: #fff; text-decoration: none; border-radius: 10px; }
main { max-width: 1100px; margin: 0 auto; padding: 2rem; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.card { background: rgba(255,255,255,0.02); border: 1px solid #222; border-radius: 10px; overflow: hidden; }
.card img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.card .content { padding: 1rem; }
.card .title { font-weight: 700; margin-bottom: 0.5rem; }
.card .price { color: #bbb; }
footer { text-align: center; padding: 1rem; color: #888; border-top: 1px solid #222; }