body { font-family: 'Kanit', sans-serif; background-color: #fffaf5; min-height: 100vh; display: flex; flex-direction: column; }
        
        /* Navigation Styles */
        @media (min-width: 768px) {
            .nav-item { position: relative; padding-bottom: 10px; margin-bottom: -10px; }
            .dropdown { 
                display: none; 
                position: absolute; 
                top: 100%; 
                left: 0; 
                background: white; 
                min-width: 200px; 
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); 
                border-radius: 12px; 
                padding: 8px 0;
                border: 1px solid #f3f4f6;
                z-index: 100;
            }
            .nav-item:hover .dropdown { display: block; animation: slideUp 0.2s ease-out; }
        }

        @media (max-width: 767px) {
            .dropdown { display: none; background: #fff7ed; padding-left: 1rem; }
            .dropdown.show { display: block; }
        }

        .dropdown-link { display: flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: 0.875rem; color: #4b5563; transition: all 0.2s; }
        .dropdown-link:hover { background-color: #fff7ed; color: #fb923c; padding-left: 20px; }
        
        @keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }



        /* Visitor Counter */
        .visitor-counter { display: inline-flex; gap: 4px; background: #fff7ed; padding: 4px 8px; border-radius: 6px; font-family: monospace; font-weight: bold; color: #ea580c; }
        .visitor-num { background: #ffffff; padding: 2px 6px; border-radius: 3px; border: 1px solid #fdba74; }

        /* Download Item Effects - Compact Version */
        .download-item {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid #f3f4f6;
        }
        .download-item:hover {
            transform: translateY(-2px);
            background-color: white;
            border-color: #fb923c;
            box-shadow: 0 10px 20px -5px rgba(251, 146, 60, 0.1);
        }
        
        /* New Tag Pulse Animation */
        .badge-new {
            display: inline-flex;
            align-items: center;
            background: #ef4444;
            color: white;
            padding: 1px 6px;
            border-radius: 9999px;
            font-size: 0.6rem;
            font-weight: bold;
            animation: pulse-red 2s infinite;
        }

        @keyframes pulse-red {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 4px rgba(239, 68, 68, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
        }

        .btn-download-pulse:hover {
            animation: pulse-orange 1.5s infinite;
        }

        @keyframes pulse-orange {
            0% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0.4); }
            70% { box-shadow: 0 0 0 8px rgba(251, 146, 60, 0); }
            100% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0); }
        }