.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.nautical-shadow {
    box-shadow: 0 20px 40px -15px rgba(0, 22, 41, 0.08);
}

.hero-gradient {
    background: linear-gradient(to right, rgba(0, 22, 41, 0.8) 0%, rgba(0, 22, 41, 0.2) 100%);
}

.experience-card-overlay {
    background: linear-gradient(to top, rgba(0, 22, 41, 0.8) 0%, rgba(0, 22, 41, 0.4) 50%, rgba(0, 22, 41, 0) 100%);
}

.glass-panel,
.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.active-nav-border {
    border-bottom: 2px solid #001629;
    padding-bottom: 4px;
}

/* Arabic / RTL: mirror the hero gradient direction so the dark side stays on the leading edge */
[dir="rtl"] .hero-gradient {
    background: linear-gradient(to left, rgba(0, 22, 41, 0.8) 0%, rgba(0, 22, 41, 0.2) 100%);
}