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

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

/* --- LOGO THEME GRADIENTS --- */
/* Ye gradient logo ke sabhi colors ko represent karta hai */
:root {
    --brand-gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 25%, #db2777 50%, #ea580c 75%, #ca8a04 100%);
    --brand-gradient-hover: linear-gradient(135deg, #1d4ed8 0%, #6d28d9 25%, #be185d 50%, #c2410c 75%, #a16207 100%);
}

/* Background Gradient Class */
.bg-brand-gradient {
    background: var(--brand-gradient);
}

.hover\:bg-brand-gradient:hover {
    background: var(--brand-gradient-hover);
}

/* Text Gradient Class (Colorful Text) */
.text-brand-gradient {
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Border Gradient */
.border-brand-gradient {
    border-image: var(--brand-gradient);
    border-image-slice: 1;
}
button #mobile-menu-btn{
    background-color: #939393 !important;
}
/* --- ANIMATIONS --- */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

button {
    background-color: #fbc515 !important;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.text-white{
    --tw-text-opacity: 1;
    color: #fff !important;
}


/* assets/css/style.css */

/* ... purana code waisa hi rakhein ... */

/* --- UPDATED BUTTON STYLE --- */
.bg-brand-gradient {
    /* Logo Colors: Blue -> Purple -> Pink -> Orange */
    background-image: linear-gradient(to right, #2563eb 0%, #7c3aed 30%, #db2777 60%, #ea580c 100%);
    background-size: 200% auto; /* Gradient ko bada kiya taaki slide ho sake */
    color: white;
    transition: 0.5s; /* Smooth transition */
    border: none;
}

/* Hover Effect: Gradient slide karega */
.bg-brand-gradient:hover {
    background-position: right center; /* Colors shift honge */
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Shadow effect */
    transform: translateY(-2px); /* Thoda upar uthega */
}

/* Agar text gradient hai toh uske liye */
.text-brand-gradient {
    background: linear-gradient(to right, #2563eb, #db2777, #ea580c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Blob Animation for Backgrounds */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}
.animation-delay-4000 {
    animation-delay: 4s;
}