body { font-family: Arial, sans-serif; background: #ffffff; color: #000000; padding: 40px; }
        a { color: #0066cc; text-decoration: none; }
        a:hover { text-decoration: underline; }
        .menu-btn { background: none; border: none; font-size: 28px; cursor: pointer; padding: 0; }
        nav {
            position: relative;
            display: inline-block;
        }
        .nav-menu {
            display: none;
            position: absolute;
            top: 40px;
            left: 0;
            background: #ffffff;
            border: 1px solid #0066cc;
            flex-direction: column;
            z-index: 1000;
            animation: slideDown 0.3s ease-out;
        }
        .nav-menu.active {
            display: flex;
        }
        .nav-menu.closing {
            animation: slideUp 0.3s ease-in;
        }
        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes slideUp {
            from {
                opacity: 1;
                transform: translateY(0);
            }
            to {
                opacity: 0;
                transform: translateY(-10px);
            }
        }
        .nav-menu a {
            padding: 12px 20px;
            display: block;
            border-bottom: 1px solid #e0e0e0;
            white-space: nowrap;
        }
        .nav-menu a:last-child {
            border-bottom: none;
        }
        .nav-menu a:hover {
            background: #f0f0f0;
        }