body {
  background: radial-gradient(circle at top center, #0c0c15 0%, #1b1a2e 70%);
  font-family: 'Montserrat', sans-serif;
  color: #f8f8f8;
  margin: 0;
  text-align: center;
}
.hero {padding: 100px 20px 60px;}
.hero h1 {font-size: 3rem;color: #f1d89f;letter-spacing: 4px;margin: 0;}
.hero p {color: #dcdcdc;font-weight: 500;margin-top: 10px;font-size: 1.2rem;}
.gallery {display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;padding: 40px 20px;}
.gallery img {height: 320px;object-fit: contain;box-shadow: 0 0 15px rgba(0,0,0,0.6);transition: transform 0.3s ease;}
.gallery img:hover {transform: scale(1.05);}
footer {padding: 40px 0;font-size: 0.9rem;color: #bfbfbf;}