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

body {
    font-family: 'Inter', sans-serif;
}

.glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.nav-link {
    @apply hover:text-blue-600 transition font-medium text-slate-600;
}

.btn-primary {
    @apply bg-blue-600 text-white px-5 py-2 rounded-full font-semibold hover:bg-blue-700 transition;
}

.card-glass {
    @apply glass p-6 rounded-3xl shadow-lg border border-slate-200 transition-all hover:border-blue-400 hover:shadow-xl;
}

.input-field {
    @apply w-full p-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-blue-500 outline-none transition bg-white;
}