/* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #FFF8F0;
        }
        ::-webkit-scrollbar-thumb {
            background: #FF7F50;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #e06b40;
        }

        /* Utility for reveal animation */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Modal Transition */
        .modal {
            transition: opacity 0.3s ease, visibility 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }
        .modal.open {
            opacity: 1;
            visibility: visible;
        }
        .modal-content {
            transform: scale(0.95);
            transition: transform 0.3s ease;
        }
        .modal.open .modal-content {
            transform: scale(1);
        }
        
        /* Gradient Text */
        .text-gradient {
            background: linear-gradient(to right, #FF7F50, #e06b40);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Hero Background Pattern */
        .hero-bg {
            background-color: #FFF8F0;
            background-image: radial-gradient(#FF7F50 0.5px, transparent 0.5px), radial-gradient(#FF7F50 0.5px, #FFF8F0 0.5px);
            background-size: 20px 20px;
            background-position: 0 0, 10px 10px;
            opacity: 1;
        }