body {
            font-family: 'Lato', sans-serif;
            color: #111111;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .font-black { font-weight: 900; }
        .font-bold { font-weight: 700; }
        .font-regular { font-weight: 400; }
        
        /* Floating Career Element Animations */
        @keyframes float-slow {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-15px) rotate(3deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        @keyframes float-delayed {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(12px) rotate(-4deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        .animate-float-1 { animation: float-slow 6s ease-in-out infinite; }
        .animate-float-2 { animation: float-delayed 7s ease-in-out infinite 1s; }
        .animate-float-3 { animation: float-slow 8s ease-in-out infinite 2s; }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F7F7F7; }
        ::-webkit-scrollbar-thumb { background: #111111; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #F2B50B; }

        /* Smooth Hide/Show Router Engine */
        .app-page { display: none; }
        .app-page.active-page { display: block; }
        /* Animation for messages */
#subscribeMessage, #unsubscribeMessage {
    transition: all 0.3s ease;
}

/* Input focus effects */
input:focus {
    outline: none;
}

/* Hover effects for buttons */
button {
    cursor: pointer;
    transition: all 0.3s ease;
}