body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; background: #f4f7f6; color: #333; margin: 0; }
.hero { background: #2c3e50; color: white; padding: 60px 20px; text-align: center; }
.container { max-width: 800px; margin: auto; padding: 20px; }
.steps { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px; }
.step { flex: 1; min-width: 200px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.card { background: #e8f0fe; padding: 30px; border-left: 5px solid #3498db; margin: 40px 0; }
.btn-primary { display: block; width: 200px; margin: 20px auto; padding: 15px; background: #27ae60; color: white; text-align: center; text-decoration: none; border-radius: 5px; font-weight: bold; }
.btn-primary:hover { background: #219150; }