body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #f8f8f8; /* Light gray background */
    color: #333; /* Darker text for readability */
}
/* Custom styles for gradients and shadows */
/* Buttons: From a professional blue to a slightly darker blue */
.btn-gradient {
    background: linear-gradient(90deg, #005EE9, #005EE9); /* Professional Blue */
    transition: background 0.3s ease;
}
.btn-gradient:hover {
    background: linear-gradient(90deg, #1a5e95, #1f76c2); /* Reverse gradient on hover */
}
.shadow-custom {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bg-pattern {
    /* Subtle background pattern, keeping it light and professional */
    background-image: url('https://placehold.co/1000x600/E0E0E0/BBBBBB?text=Subtle+Pattern');
    background-size: cover;
    background-position: center;
}
.text-shadow-light {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Icon circles: Accent color, perhaps a subtle green or teal */
.icon-circle {
    background-color: #e6f7ff; /* Very light blue/cyan for icons */
    color: #007bff; /* Standard blue for icon numbers */
}
/* Header branding color */
.text-brand-primary {
    color: #0056b3; /* Darker blue for logo */
}
/* Link hover colors */
.link-hover-primary:hover {
    color: #007bff; /* Standard blue for link hovers */
}