:root {
            --primary-blue: #008BFF;
            --bright-yellow: #E4FF30;
            --deep-purple: #5B23FF;
        }
        body {
            font-family: 'Arimo', sans-serif;
            background-color: #FFFFFF;
            color: #000;
            scroll-behavior: smooth;
        }
        .text-blue { color: var(--primary-blue); }
        .bg-blue { background-color: var(--primary-blue); }
        .text-yellow { color: var(--bright-yellow); }
        .bg-yellow { background-color: var(--bright-yellow); }
        .bg-purple { background-color: var(--deep-purple); }
        .border-blue { border-color: var(--primary-blue); }
        .border-yellow { border-color: var(--bright-yellow); }

        .btn-yellow {
            background-color: var(--bright-yellow);
            color: var(--primary-blue);
            font-weight: 700;
            padding: 0.75rem 1.5rem;
            border-radius: 4px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: -0.025em;
        }
        .btn-yellow:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(228, 255, 48, 0.4);
        }

        .view-section {
            display: none;
            animation: fadeIn 0.5s ease-out;
        }
        .view-section.active {
            display: block;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        #sliding-headline-container {
            height: 1.2em;
            overflow: hidden;
            display: inline-block;
            vertical-align: bottom;
        }

        .no-gap-grid img {
            width: 100%;
            height: 100%;
            object-cover: cover;
            display: block;
        }

        .pillar-divider {
            border-right: 2px solid var(--primary-blue);
        }
        @media (max-width: 768px) {
            .pillar-divider { border-right: none; border-bottom: 2px solid var(--primary-blue); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--primary-blue); }

        .modal-overlay {
            background-color: rgba(0,0,0,0.8);
            backdrop-filter: blur(8px);
        }

        .active-nav {
            background-color: var(--bright-yellow);
            color: var(--primary-blue) !important;
        }