:root { --accent: #3b82f6; --bg: #0f172a; }
body { font-family: 'Segoe UI', sans-serif; margin: 0; background: var(--bg); color: #f1f5f9; }
.hero { text-align: center; padding: 3rem; background: linear-gradient(135deg, #1e293b, #0f172a); }
.hero img { border-radius: 12px; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; padding: 2rem; max-width: 1200px; margin: 0 auto; }
.feature-card { background: rgba(255,255,255,0.05); border-radius: 16px; padding: 1.5rem; border: 1px solid rgba(255,255,255,0.1); }
.feature-card h3 { color: var(--accent); margin-top: 0; }