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

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-alu-gradient {
        background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
    }
    .text-alu-gradient {
        background: linear-gradient(to right, #60A5FA, #3B82F6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .btn-alu {
        @apply bg-[#3B82F6] hover:bg-[#2563EB] text-white font-medium py-3 px-8 transition-all duration-300 shadow-[0_4px_14px_0_rgba(59,130,246,0.39)] hover:shadow-[0_6px_20px_rgba(59,130,246,0.23)] hover:-translate-y-0.5 rounded-sm;
    }
    .btn-alu-outline {
        @apply border-2 border-white text-white hover:bg-white hover:text-[#1E293B] font-medium py-2.5 px-8 transition-all duration-300 rounded-sm;
    }
    .glass-panel {
        @apply bg-white/10 backdrop-blur-md border border-white/20 shadow-xl;
    }
}