body {
    background: #f8f9fa;
}

.hero-card {
    border: 0;
    border-radius: 18px;
}

.dashboard-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.auth-card {
    max-width: 520px;
    margin: 30px auto;
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}