:root { 
    --primary: #2c3e50; 
    --accent: #e67e22; 
    --light: #ecf0f1; 
    --success: #27ae60; 
    --tool-icon: url('https://img.icons8.com/color/96/hammer.png'); 
}

body { font-family: 'Segoe UI', sans-serif; margin: 0; background: #f4f4f4; }
.container { max-width: 850px; margin: 0 auto; padding: 0 20px; }
.content-block { background: white; padding: 2.5rem; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin: 2.5rem 0; }
.banner { width: 100%; height: 300px; background: url('https://images.unsplash.com/photo-1581244277943-fe4a9c777189?auto=format&fit=crop&w=1200&q=80') center/cover; border-bottom: 5px solid var(--accent); }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }