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

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-telco-gradient {
        background: linear-gradient(135deg, #111827 0%, #1F2937 100%);
    }
    .text-telco-gradient {
        background: linear-gradient(to right, #E11D48, #F59E0B);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .btn-telco {
        @apply bg-[#E11D48] hover:bg-[#BE123C] text-white font-bold py-3.5 px-8 rounded-xl transition-all duration-300 shadow-[0_4px_20px_0_rgba(225,29,72,0.4)] hover:shadow-[0_6px_25px_rgba(225,29,72,0.5)] hover:-translate-y-1 active:scale-95;
    }
    .btn-telco-outline {
        @apply border-2 border-[#111827] text-[#111827] hover:bg-[#111827] hover:text-white font-bold py-3 px-8 rounded-xl transition-all duration-300 active:scale-95;
    }
    .glass-card {
        @apply bg-white/80 backdrop-blur-lg border border-white/40 shadow-xl rounded-3xl;
    }
}