/* Custom Styles */

:root {
    --bs-primary: #4f46e5; /* Indigo */
    --bs-primary-rgb: 79, 70, 229;
    --bs-success: #10b981; /* Emerald */
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background-color: #f3f4f6;
}

.navbar {
    background: linear-gradient(to right, #4f46e5, #6366f1) !important;
}

.card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.2s ease-in-out;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.5);
    transition: all 0.2s;
}

.btn-primary:hover {
    background-color: #4338ca;
    border-color: #4338ca;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.4);
}

/* Bank Selector Styles */
.btn-check:checked + .btn-outline-secondary {
    background-color: #eff6ff;
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    box-shadow: inset 0 0 0 1px var(--bs-primary);
}

.step-section {
    animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}