body {
            font-family: 'Inter', sans-serif;
            background: radial-gradient(circle at top left, rgba(29, 78, 216, 0.15) 0%, transparent 40%),
                        radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.15) 0%, transparent 40%),
                        #0a0a0a; /* Dark background */
            color: #e2e8f0; /* Light text color */
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* Subtle glow effect for interactive elements */
        .glow-on-hover:hover {
            box-shadow: 0 0 10px rgba(29, 78, 216, 0.5), 0 0 20px rgba(168, 85, 247, 0.5);
            transition: box-shadow 0.3s ease-in-out;
        }

        /* Custom scrollbar for a sleek look */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #1a1a1a;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #3b82f6, #a855f7); /* Blue to purple gradient */
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #2563eb, #9333ea);
        }

        /* Page-specific overrides for Experience page */

        /* Shared theme moved to ../style.css above.
           Add any Experience-specific overrides below. */

        /* Example placeholder (uncomment & adjust if needed):
        .profile-photo { width: 320px; height: 320px; object-fit: cover; }
        */