/* Inter Font & Base Setup */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Glassmorphism Navigation */
header {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Active language button styling */
.lang-btn.active {
    background-color: #0061A4;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 97, 164, 0.25);
}

.lang-btn:not(.active) {
    color: #64748b;
}

.lang-btn:not(.active):hover {
    color: #0f172a;
}

/* Feature Cards Premium Styling */
.feature-card {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -8px rgba(0, 97, 164, 0.12), 0 4px 12px -4px rgba(0, 0, 0, 0.04);
}

/* CTA Button Pulse Effect */
.cta-button {
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -6px rgba(230, 81, 0, 0.35);
}

/* Accessibility Focus Outline */
:focus-visible {
    outline: 2px solid #0061A4;
    outline-offset: 2px;
}