:root { --accent: #6610f2; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }
.hero { padding: 7rem 0; background: linear-gradient(135deg, #212529 0%, #3b2a6b 100%); color: #fff; }
.hero .lead { color: rgba(255, 255, 255, .8); }
.btn-accent { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn-accent:hover { background: #520dc2; border-color: #520dc2; color: #fff; }
.card { transition: transform .15s ease; }
.card:hover { transform: translateY(-3px); }