:root {
  --bg: #000;
  --text: #fff;
  --accent: #007acc;
}
body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; margin: 0; }
.container { max-width: 800px; margin: 0 auto; padding: 60px 20px; text-align: center; }
h1 { font-size: 48px; font-weight: 900; margin-bottom: 20px; }
p { font-size: 18px; color: #888; line-height: 1.6; margin-bottom: 40px; }
.hero-img { width: 100%; max-width: 200px; margin-bottom: 40px; }
.features { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; text-align: left; margin-top: 60px; }
.feature h3 { font-size: 20px; margin-bottom: 10px; color: var(--text); }
.feature p { font-size: 15px; margin-bottom: 0; }