﻿html { scroll-behavior: smooth; }
.hero-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}
.card-hover:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}
.badge-pulse {
    animation: pulse 2s infinite;
}
.lang-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 700;
    background: #fff;
}
.lang-link:hover {
    border-color: #2563eb;
    color: #1d4ed8;
}

.lang-flag {
    width: 16px;
    height: 12px;
    border-radius: 2px;
    object-fit: cover;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.lang-select-mobile {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background: #fff;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.35rem 0.6rem;
    cursor: pointer;
    line-height: 1;
    outline: none;
}

.lang-select-mobile:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

