body {
            font-family: 'Cairo', 'Tajawal', sans-serif;
            background-color: #F5EBE6;
            color: #2C1A1D;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Glassmorphism & Shadow Effects */
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(224, 109, 83, 0.15);
        }

        .hero-gradient {
            background: linear-gradient(135deg, #2C1A1D 0%, #3D262A 100%);
        }

        .accent-gradient {
            background: linear-gradient(135deg, #E06D53 0%, #C8563C 100%);
        }

        /* Custom Hover Animations */
        .btn-bounce {
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .btn-bounce:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 20px rgba(224, 109, 83, 0.3);
        }

        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(44, 26, 29, 0.1);
        }

        /* Modal Overlay Transition */
        .modal-enter {
            opacity: 0;
            transform: scale(0.95);
            transition: all 0.3s ease-out;
        }
        .modal-enter-active {
            opacity: 1;
            transform: scale(1);
        }

        /* Toast notification styling */
        #toast {
            transition: opacity 0.4s ease, transform 0.4s ease;
        }