/* assets/css/style.css */

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: #f4f7f6;
}

.card {
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

.card-header {
    background: linear-gradient(135deg, #0d6efd 0%, #084298 100%) !important;
}

.form-floating > label {
    padding-left: 1rem;
    color: #6c757d;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: #8da9db;
}

.btn-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #084298 100%);
    border: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(13, 110, 253, 0.3);
}

.btn-primary:active {
    transform: translateY(0);
}