@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');

body {
    font-family: 'Cairo', sans-serif;
    background-color: #0f172a;
    color: #f8fafc;
}

.hero-section {
    background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
    border-bottom: 1px solid #1e293b;
}

.card-custom {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-custom:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.2);
}

.badge-safe { background-color: #065f46; color: #34d399; }
.badge-caution { background-color: #78350f; color: #fbbf24; }
.badge-danger { background-color: #7f1d1d; color: #f87171; }

.navbar-custom {
    background-color: #090d16 !important;
    border-bottom: 1px solid #1e293b;
}

.brand-logo {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #3b82f6;
}