:root {
            --primary: #FF5722;
            --primary-light: #FFAB91;
            --primary-dark: #BF360C;
            --text-dark: #1A1A1A;
            --text-light: #FFFFFF;
            --text-gray: #6B7280;
            --bg-light: #FAFAFA;
            --accent: #FF3D00;
            --bg-card: #FFFFFF;
            --shadow-light: 0 4px 20px rgba(0, 0, 0, 0.08);
            --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
            --shadow-heavy: 0 20px 60px rgba(0, 0, 0, 0.15);
            --border-radius: 24px;
            --border-radius-sm: 16px;
        }


    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    button {
        cursor: pointer;
    }

    body {
        font-family: 'Poppins', sans-serif;
        overflow-x: hidden;
        color: var(--text-dark);
        background-color: var(--bg-light);
    }

    html {
        scroll-behavior: smooth;
    }

    html,
    body {
        width: 100%;
        height: 100%;

    }

    body {
        overflow-x: hidden;
    }


        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: var(--bg-light);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--primary-light);
            border-radius: 3px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--primary);
        }