body { background: #f8fafc; }
.hero-bg { background: linear-gradient(120deg, #0d6efd 60%, #e9ecef 100%); }
.hero-img { max-width: 420px; width: 100%; }
.step-icon { font-size: 2rem; color: #0d6efd; }
.slide-thumb { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.07); transition: transform 0.2s; }
.slide-thumb:hover { transform: scale(1.04); }
.footer-link { color: #6c757d; text-decoration: none; margin-right: 1rem; }
.footer-link:hover { color: #0d6efd; }
.social-icon { color: #0d6efd; margin-right: 0.5rem; font-size: 1.3rem; }
.step-title { font-size: 1.1rem; font-weight: 600; }
.step-desc { font-size: 0.97rem; color: #6c757d; }